超赞!20个炫酷的数据可视化大屏(含源码)
共 1218字,需浏览 3分钟
· 2021-01-12
随着大数据的发展,可视化大屏在各行各业得到越来越广泛的应用。
可视化大屏不再只是电影里奇幻的画面,而是被实实在在地应用在政府、商业、金融、制造等各个行业的业务场景中,切切实实地实现着大数据的价值。
所以本着学习的态度,我收集了20款开源的可视化大屏(含源码),在此分享给大家,文末有分享方式。
![](https://filescdn.proginn.com/91aff53970c1786fac4448621429419a/c7d59d58b011ff5dd5a8d6bf070ce0f7.webp)
下载到本地后,直接运行文件夹中的index.html,即可看到大屏。
01 智慧物流服务中心
![](https://filescdn.proginn.com/ff6698b2cffc0aed2ad7a8ed7111adb6/9eb9032929e9c3ddc398c65662763dd9.webp)
主要图表:柱状图、饼图、地图等。
02 大数据分析系统
![](https://filescdn.proginn.com/deb293733eab2c5528b0435312be5c28/e103dc606af8ca7e4a5839a4fe981b31.webp)
![](https://filescdn.proginn.com/8988668e03320df993e5e1382b8ae02b/6044b46f6ab650fce0d1466fa4adf8a7.webp)
![](https://filescdn.proginn.com/35510bc7348649b00e1cb7f813f7c1d4/400599df0c368550ea3082428650e777.webp)
![](https://filescdn.proginn.com/bcbb14f5d86831d1f20963664daf7669/f5c7fa5b33e9eba10b31052d7a360363.webp)
果真是分析系统,6个分析页面~
主要图表:柱状图、折线图、饼图、地图等。
03 地方情况分析
![](https://filescdn.proginn.com/9b0694628f8a73ec106fece3cbc6fc07/8ad47ab6da8bb30dc3a19760f05133d3.webp)
![](https://filescdn.proginn.com/ac058d7b071c0c82e687dc95ccb2900c/a14fe0bda4a0bc7b8c3f7a47077b35e0.webp)
![](https://filescdn.proginn.com/6fafbc387f3a1eaee64eec7af2205f5b/a56684ff45576a267bafd445ac5c6a23.webp)
![](https://filescdn.proginn.com/8fa89eeee99ba396486420a32ba95ae9/3cde7a7e6230a06a0260d23d4e0149f2.webp)
![](https://filescdn.proginn.com/1fb1a409f45c179942852a8b57d0c634/74d61a68bee0dc2eba68623297f5d3e2.webp)
也是由多个页面组合而成。
主要图表:柱状图、折线图、饼图、地图等。
04 可视化监控管理
![](https://filescdn.proginn.com/27a65e763429c35fd98b009d691c9b80/b5be681fbfa885c0a17a97e78a1f5af7.webp)
地图没显示出来,原因是百度未授权使用地图API,需要注册开发者。
主要图表:条形图、地图等。
05 车联网平台数据概览
![](https://filescdn.proginn.com/8aa03eadf662a718fe744669e498cd7f/3bfb30c71c43cd0129ca1bf6402a27ab.webp)
右下角的图表类型是象形柱图,我又涨知识了。
主要图表:柱状图、饼图、曲线图等。
06 大屏数据统计
![](https://filescdn.proginn.com/2b225a1d105e4666977bf7b8a9c07fdc/7c5928f98262aea5aa375cdec81b1fbd.webp)
中间仪表盘等展示空了一块,是不是代码有Bug。
主要图表:柱状图、饼图、折线图等。
07 大数据统计展示大屏
![](https://filescdn.proginn.com/8a8df7c0f9f6da6785251d25be9f38d1/525993927254c84544e54ac78def7f7e.webp)
主要图表:柱状图,饼图、折线图、雷达图等。
08 物流大数据服务平台
![](https://filescdn.proginn.com/47e74761c87d75f5d320a267ee54ed81/fc64140feb226262986830287400d9c6.webp)
主要图表:飞线地图、折线图、饼图等。
09 App接入终端情况分析
![](https://filescdn.proginn.com/64a6d9cedf711486cad0b7d48ee050a7/9cf9c704d1aecd94595a549258d86f2a.webp)
左下角的曲线面积图,科技感满满。
主要图表:饼图、折线图、曲线面积图等。
10 广西电子商务公共服务平台大数据中心
![](https://filescdn.proginn.com/25c666009ecb4372834c26ff67271c3a/e0bd2376a5524ea657b06cd46171a6fe.webp)
地图还是带有发光边缘的。
主要图表:地图、饼图、折线图等。
11 医院大数据展示
![](https://filescdn.proginn.com/b484a97795799e9ce00d336d3bc408d3/3a5f74af4a58e30ded035cbb47e966cc.webp)
![](https://filescdn.proginn.com/3cb5ef3b53109b8ec527eef512f1231a/b99587f2da96c85f23e9213412915ee1.webp)
![](https://filescdn.proginn.com/ba4b44cbc94ceae83e368dfeeec21a05/7e98829397fac0cf52109a574a0920fa.webp)
主要图表:地图、饼图、曲线图等。
12 智慧社区内网对比平台
![](https://filescdn.proginn.com/4972d60d9d955f5c4328592272fc914b/383045e8e7a57a19cf8ef42f5a2838a4.webp)
主要图表:地图、饼图、柱状图、曲线图等。
13 物联网平台数据统计
![](https://filescdn.proginn.com/c2678bb1ec5443150434913fb6a1ef14/69b194e259034dd6a67f117d1b8254b3.webp)
左下角带图标的象形柱图是个亮点。
主要图表:地图、饼图、柱状图等。
14 运营大数据
![](https://filescdn.proginn.com/b466828bbc2795198a558bd94b7bc894/8905c71558106eff385f9a89e4b527ae.webp)
这个大屏就简单一些,就4块区域。
主要图表:饼图、柱状图、折线图等。
15 大数据可视化展板通用模板
![](https://filescdn.proginn.com/aca438005fe869844453e3efdb2a9bc0/59c0513306553ef181b28eead6b80716.webp)
这个页面是最常见的,B站上有好多视频专门讲如何制作的教程。
主要图表:地图、柱状图、饼图、曲线图等。
16 设备环境监测平台
![](https://filescdn.proginn.com/c3b1384c11f7dc4138984f801cae2b11/f4857919fe7afe0556865014e124ee47.webp)
主要图表:地图、饼图、柱状图等。
17 企业大数据展示
![](https://filescdn.proginn.com/117e335342989916728e08c86eddec55/6d2d04f8dbea3f7c0de355ab1eb71efa.webp)
这里使用了文字云,填充的是默认的数据。
主要图表:地图、饼图、柱状图、曲线图、文字云等。
18 大数据智慧能力
![](https://filescdn.proginn.com/d243abb97dc04a0f4aa5b8821c338eac/2c333871ae70c67ea55df98af83329e9.webp)
描述网络能力,科技感爆棚!
下方的象形柱状图,我用过Pyecharts实现过。
主要图表:曲线面积图+颜色渐变(向下)、象形柱图等。
19 数据概览演示案例
![](https://filescdn.proginn.com/05e292c8be0b566e4d8ddbb36df21da8/a364d6af11a40f25db2a3f0c5a049660.webp)
主要图表:气泡地图、饼图、柱状图、曲线图等。
20 移动能效管理平台
![](https://filescdn.proginn.com/c85fa6af9195160c98d9545e4a1a1b7a/6151ae7b4fdadcf566b24cba989c34c1.webp)
不止大屏,还是一个管理系统,点击左侧即可访问。
主要图表:折线面积图、地图等。
福利时间
上述可视化大屏资源已打包,按照如下方式获取!
领取方式:
长按扫码,发消息 [可视化]