从0-1打造大数据可视化编辑器

目标

从0到1开发开发编辑器， 快速的开发出2D、3D效果；

编辑器DEMO

技术栈

Vue.js - 3.0

Three.js - 126

Echarts - 5.0

Vue.js - 3.0

为什么选择vue.js?  vue为MVVM，在开发3D效果中，可把对象绑定到vue上，开发效率更快。

Three.js

生态较好，扩展性高，一直使用。

Echarts - 5.0

好看，配置项生成，方便快捷。

代码结构

src

components ui组件

surface  拖拽的平面组件

effects 3d组件

webgl 3D相关的代码

router 路由

store 状态管理

utils 公用方法管理

style 样式

assets 资源

简介

编辑器

2D: 通过拖拽的方式，拖拽到页面相应位置进行生成对应的组件；

3D: 通过拖拽或者点击3D空间物体，生成对应的3D效果；

运行器

把已编辑好的效果生成出来。去除编辑方面代码，让效果更好运行；