Code Monkey home page Code Monkey logo

hx0088 / yudao-ui-go-view Goto Github PK

View Code? Open in Web Editor NEW

This project forked from yudaocode/yudao-ui-go-view

0.0 0.0 0.0 16.36 MB

芋道 🏆 GoView 是一个 Vue3 搭建的低代码数据可视化开发平台,将图表或页面元素封装为基础组件,无需编写代码即可完成业务需求。 它的技术栈为:Vue3 + TypeScript4 + Vite2 + NaiveUI + ECharts5 + Axios + Pinia2 + PlopJS

License: MIT License

Shell 0.04% JavaScript 0.22% TypeScript 34.85% CSS 0.14% Makefile 0.04% HTML 0.11% Handlebars 0.04% GLSL 0.06% Vue 63.48% SCSS 1.02%

yudao-ui-go-view's Introduction

总览

go-view

开源、精美、便捷的「数据可视化」低代码开发平台

芋道 与 GoView 共同建设,基于 Vue3 搭建的低代码数据可视化开发平台,将图表或页面元素封装为基础组件,无需编写代码即可完成业务需求。

  • 框架:基于 Vue3 框架编写,使用 hooks 写法抽离部分逻辑,使代码结构更加清晰
  • 类型:使用 TypeScript 进行类型约束,减少未知错误发生概率,可以大胆修改逻辑内容
  • 性能:多处性能优化,使用页面懒加载、组件动态注册、数据滚动加载等方式,提升页面渲染速度
  • 存储:拥有本地记忆,部分配置项采用 storage 存储本地,提升使用体验
  • 封装:项目进行了详细的工具类封装如:路由、存储、加/解密、文件处理、主题、NaiveUI 全局方法、组件等
  • 入选 NaiveUI 社区精选资源推荐:查看 NaiveUI 推荐列表

项目地址

preview

文档地址

技术栈

主要技术栈为:

名称 版本 名称 版本
Vue 3.2.x TypeScript4 4.6.x
Vite 2.9.x NaiveUI 2.27.x
ECharts 5.3.x Pinia 2.0.x
详见 package.json 😁 🥰 🤗

开发环境:

名称 版本 名称 版本
node 16.14.x npm 8.5.x
pnpm 7.1.x windows 11

已完成图表:

分类 名称 名称 名称 名称
图表 柱状图 横向柱状图 折线图 单/多 折线面积图(渐变色)
* 饼图 环形图 水球图 雷达图
* NaiveUI 多种进度 散点图 对数回归散点图 热力图
* 漏斗图 **地图 高德地图 🦊
信息 文字 渐变文字 词云 嵌套网页
* 图片 视频 😺 🐯
列表 滚动排名列表 滚动表格 🐮 🐐
小组件 边框-01~13 装饰-01~05 数字翻牌 通用时间
* 数字计数 倒计时 时钟 🦁

项目截图

工作台

工作台

请求配置

请求配置

数据过滤

数据过滤

高级事件编辑

高级事件编辑

快捷主页

快捷主页

主题色

主题色

亮白主题

亮白主题

yudao-ui-go-view's People

Contributors

l-noodle avatar dodu2014 avatar yunaiv avatar jiangcheng1010 avatar daidaibg avatar huajianpan avatar majormayer avatar 184177677 avatar ryker-w avatar a876691666 avatar keepmadcn avatar kxy avatar 17326953721 avatar jiangg21 avatar lishimeng avatar fankeke007 avatar wwhbai avatar zhanghan-999 avatar draculakkk avatar baoziqi avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.