bigscreen/大屏可视化开源项目.md

# 一、vue-big-screen

- 项目地址：https://gitee.com/MTrun/big-screen-vue-datav
- 项目介绍：基于 Vue 、Datav、Echart 的大屏展示项目。支持数据动态刷新渲染、屏幕适应、内部图表自由替换、Mixins注入等功能，

![图片](https://mmbiz.qpic.cn/mmbiz_png/BcyAypujBVbYibiaA0LDO3zpZXWvOt1uETbs3ibqKGMpKkj6hXauHLNBnQaia4r1Lb3OCYMVsPDICsQanrRv524ojw/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)

Vue3 + Typescript 版本地主：https://gitee.com/MTrun/vue-big-screen-plugin 。

# 二、react-big-screen

- 项目地址：https://gitee.com/MTrun/react-big-screen
- 项目介绍 ：这个项目是 vue-big-screen 的 React 版本 。

![图片](https://mmbiz.qpic.cn/mmbiz_png/BcyAypujBVbYibiaA0LDO3zpZXWvOt1uETUHOsgftSQHSIOmorTjFRIzlY9rGDZ6lnXPsFYgPtydkUic4WqTHNJBA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)

# 三、DaShuJuZhiDaPingZhanShi

- 项目地址：https://gitee.com/lvyeyou/DaShuJuZhiDaPingZhanShi
- 项目介绍 ：各类大屏展示模板， 智慧交通、大数据医疗、智慧城市、智慧政务......。

![图片](https://mmbiz.qpic.cn/mmbiz_png/BcyAypujBVbYibiaA0LDO3zpZXWvOt1uETcImibRjmLPV4IAAPu4Y1ueBAXSAx9WfC0IqTYQtTq6WjgSKKvkkrTfw/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)

# 四、visual-large-screen

- 项目地址：https://gitee.com/52itstyle/visual-large-screen
- 项目介绍 ：74套大数据可视化大屏模板，高速监控、智慧工地监控、商品零售检测......。

![图片](https://mmbiz.qpic.cn/mmbiz_png/BcyAypujBVbYibiaA0LDO3zpZXWvOt1uETtSrQ8qCN4Thxrcg3yuvupebVv5oMMibDnqR4opLoxrQWqFc0zX2BesQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)

# 五、SmartChart

- 项目地址：https://gitee.com/smartchart/smartchart
- 项目介绍 ：SmartChart基于Echarts/Django的微代码开发平台,适用于任何WEB项目，开箱即用！

![图片](https://mmbiz.qpic.cn/mmbiz_png/BcyAypujBVbYibiaA0LDO3zpZXWvOt1uETAYlnyquicsAftZzSHNntbcaS72RsqoYzZo9kAzUnqUgmx9WClWZSgPQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)

# 附录：可视化例子

（1）Mapbox-bar3D(3D地图柱状图)：https://blog.csdn.net/Ocean111best/article/details/103209577
（2）Maptalks-bar3D(3D地图柱状图)：https://blog.csdn.net/Ocean111best/article/details/103216399
（3）geo3D-bar3D(3D地图柱状图)：https://blog.csdn.net/Ocean111best/article/details/103286040
（4）人口迁移轨迹(样式更好看lines3D)：https://blog.csdn.net/Ocean111best/article/details/103215678
（5）人口迁移流动图(百度地图)：https://blog.csdn.net/Ocean111best/article/details/103216000
（6）geo3D-北京公交线路图(2.5D地图流动)：https://blog.csdn.net/Ocean111best/article/details/103294067
（7）mapbox-北京公交线路图(2.5D地图流动)：https://blog.csdn.net/Ocean111best/article/details/103323216
（8）Maptalks-scatter3D-微博亮点数据：https://blog.csdn.net/Ocean111best/article/details/103294919
（9）Mapbox-scatter3D-微博亮点数据：https://blog.csdn.net/Ocean111best/article/details/103295203
（10）HighCharts三维堆叠柱状图：https://blog.csdn.net/Ocean111best/article/details/104488687
（11）ECharts line3D制作三维折线图：https://blog.csdn.net/Ocean111best/article/details/104488935
（12）ECharts堆叠直方图：https://blog.csdn.net/Ocean111best/article/details/104950376
（13）ECharts堆叠直方图(根据时间动态变化)：https://blog.csdn.net/Ocean111best/article/details/104948693
（14）ECharts波浪图(或者称为河流图)：https://blog.csdn.net/Ocean111best/article/details/104949242
（15）基于leftlet的旅游地图相册：https://blog.csdn.net/Ocean111best/article/details/103942138
（16）Echarts4 与 arcgis api 4.x for js 结合实现模拟迁徙图效果：https://blog.csdn.net/Ocean111best/article/details/109912866