这个插件是什么？我们一般都会遇到公司让我们写一个或多个简单的大屏可视化，上面可能会有图表，炫酷的动画，文本等。此时，你需要想怎么去适配屏幕分辨率啊，这时你会想什么网格布局啊，那我们能不能有一个统一的模板呢？我不关心屏幕的适配，我只关心这个大屏需要展示什么内容。

由于最近太忙了，源码更新不及时，很多人都在问什么时候能放出源码，源码估计需要一段时间了，为了帮助需要的人，我特此先出一篇关于项目中用到的插件，组件库。

考虑到我们采用的技术是vue，我们将来的目标是可迁移，什么意思呢？我们为了迁移（升级为vue3.0或改为react）时做更少的事情，规划出了一个数据池，数据池不随框架的变化而改变。我们画个图看下分层结构这里我们分为三个层级：

基础元素（图元） 范围 在第一篇中我们通过思维导图也简单介绍了图元的范围。 基础图形 - 点线面 基础图表 - echarts[折线图，饼图，柱状图，地图，散点图...] 媒体 - 视频，直播视频 表格 3d图形 行业组件 ... 配置项 样式配置项可以通过样式配置项，配置图元的基础样式属性，如下：数据配置项可以通过数据配置项，配置...

框架调研 为了让你们少走弯路，我总结了以下可借鉴的项目。如果你们愿意，完全可以基于他们的基础进行二次开发： draw.io 原型图设计编辑器 [[链接]] method draw svg绘制编辑器 [[链接]] Fabric.js canvas图形编辑器 [[链接]] 为什么我不在此基础上进行二次开发？大家都知道在已有的项目上进行二次开发难度有时也是很大...

前言： 本系列文章会讲诉我这一年来，独立开发了一个项目叫数据可视化，附上链接[[链接]]，欢迎大家star，市面上现阶段可以看到类似的有， 阿里的dataV[[链接]] 百度的sugar[[链接]] 当然还有其他的，这里就不过多介绍了。 那什么是数据可视化，我个人的理解就是枯燥乏味的大数据通过图表的丰富展示，以一种快速，易懂的...