超赞,20个炫酷的数据可视化大屏(含源码)
共 1568字,需浏览 4分钟
· 2020-12-13
随着大数据的发展,可视化大屏在各行各业得到越来越广泛的应用。
可视化大屏不再只是电影里奇幻的画面,而是被实实在在地应用在政府、商业、金融、制造等各个行业的业务场景中,切切实实地实现着大数据的价值。
所以本着学习的态度,小F收集了20款开源的可视化大屏(含源码),在此分享给大家。
![](https://filescdn.proginn.com/abed5daaeba0c6ad000b9e6df6955684/e78f3637add4c8d5229922a1e91c604d.webp)
下载到本地后,直接运行文件夹中的index.html,即可看到大屏。
01 智慧物流服务中心
![](https://filescdn.proginn.com/7be7f96f72e0814a37004ae0f7b4e543/e210a0b5ba39b39776d735872a29f3b7.webp)
主要图表:柱状图、饼图、地图等。
02 大数据分析系统
![](https://filescdn.proginn.com/b8e6fe4702ad01d7c18e669d5c8da79f/a11e13df0162091aab2719a68f91f54f.webp)
![](https://filescdn.proginn.com/8de8ca1fd1df78f9d0aeed0da4658bb5/925e15b25cd78d4787e00b8afc665729.webp)
![](https://filescdn.proginn.com/e0e4fb3d1c3f4f7c9021f513a6929878/723ead6734a0ce4d0f18746f04d32511.webp)
![](https://filescdn.proginn.com/32e73384f3449b56f88c91422ff6c1b6/e0d15a00265a6893bf602f0da0953d16.webp)
![](https://filescdn.proginn.com/632982368ea362a215339712fc7865a3/ab35f08f8635a6fb9b092e815a151b1c.webp)
果真是分析系统,6个分析页面~
主要图表:柱状图、折线图、饼图、地图等。
03 地方情况分析
![](https://filescdn.proginn.com/e2d4338315fc4fc24698760570ddc0ca/a8a83be036d7afe8a72d7164ad99f576.webp)
![](https://filescdn.proginn.com/e16ba826a3bad3a8080661932e9d7438/a643c40f7bd4f6da9a1af5dbbf63fa24.webp)
![](https://filescdn.proginn.com/f64666a37993229b65e5f1bc651fb750/f6e4764fa2dc095b681906676297fcb5.webp)
![](https://filescdn.proginn.com/9273a135b1d49bf2e406ecaca05f1049/6c632c726b2700fc374f930ce40fa1de.webp)
![](https://filescdn.proginn.com/633d5bfbf7faa1c0461075d006da1501/881b6fb4435e82a2d335b61b397be8af.webp)
也是由多个页面组合而成。
主要图表:柱状图、折线图、饼图、地图等。
04 可视化监控管理
![](https://filescdn.proginn.com/c76015889c3cfe42d9027535a4e0cbb7/9e3540745584f3f4d6f50e03a5bb08b3.webp)
地图没显示出来,原因是百度未授权使用地图API,需要注册开发者。
主要图表:条形图、地图等。
05 车联网平台数据概览
![](https://filescdn.proginn.com/aa636647ba5522dd90adc39eaa0d17c2/0db1423acdf5723362e1c83184a1fa23.webp)
右下角的图表类型是象形柱图,小F又涨知识了。
主要图表:柱状图、饼图、曲线图等。
06 大屏数据统计
![](https://filescdn.proginn.com/1e669ea558a3eeefe0361892ead17fa2/bac021f7a4b0aa4d449ccf2ed5c92fde.webp)
中间仪表盘等展示空了一块,是不是代码有Bug。
主要图表:柱状图、饼图、折线图等。
07 大数据统计展示大屏
![](https://filescdn.proginn.com/26d555e78fc33b9097c2bec8132385a3/0274bf7d876c58ff690f29e8ad50bdec.webp)
主要图表:柱状图,饼图、折线图、雷达图等。
08 物流大数据服务平台
![](https://filescdn.proginn.com/52d634abdc5734b5681fa4e586b1f111/9227ef8693eacdcfe3379bd1eb4a9778.webp)
主要图表:飞线地图、折线图、饼图等。
09 App接入终端情况分析
![](https://filescdn.proginn.com/fb9ef4694ea68122430d6341293029a3/88fb87228995dcf1e336870ad7057d86.webp)
左下角的曲线面积图,科技感满满。
主要图表:饼图、折线图、曲线面积图等。
10 广西电子商务公共服务平台大数据中心
![](https://filescdn.proginn.com/598a25b4e2d6e1004172d89f311ea934/75646e0799d15791e8aa1464de24b66e.webp)
地图还是带有发光边缘的。
主要图表:地图、饼图、折线图等。
11 医院大数据展示
![](https://filescdn.proginn.com/70c9356b9c2161ac40fbbb679bdcf94f/ae8f8dc0c2e88e651d858ddd40ee26f6.webp)
![](https://filescdn.proginn.com/4b6e95d16d40aaaeb167d58e27068d90/e7d74ecab3aa9b0a24fa4df7bc56f42e.webp)
![](https://filescdn.proginn.com/cff1433450333c2abf35ab609fdb6beb/4a02ce0c95731d79f649da451a0a7672.webp)
主要图表:地图、饼图、曲线图等。
12 智慧社区内网对比平台
![](https://filescdn.proginn.com/bb67fd272d9457489fffd8082b3cedf8/3929638acff1265fd495a0ef4c31a7b6.webp)
主要图表:地图、饼图、柱状图、曲线图等。
13 物联网平台数据统计
![](https://filescdn.proginn.com/016f7c2116a947b66a7f77618c2963e7/2a7f10ad5787813fc144aa8adda2de08.webp)
左下角带图标的象形柱图是个亮点。
主要图表:地图、饼图、柱状图等。
14 运营大数据
![](https://filescdn.proginn.com/152ec45d63e71dd92e2a77db1d3faa3e/3372f34fdd43f81e378971e32b6ea3d9.webp)
这个大屏就简单一些,就4块区域。
主要图表:饼图、柱状图、折线图等。
15 大数据可视化展板通用模板
![](https://filescdn.proginn.com/7507d192b5b8ebf3935c9bf045cb2a71/4b81f235d452767a82f3ec299868ab2b.webp)
这个页面是最常见的,B站上有好多视频专门讲如何制作的教程。
主要图表:地图、柱状图、饼图、曲线图等。
16 设备环境监测平台
![](https://filescdn.proginn.com/685ca12345da94468c6df080b56c4d20/82582aa1477cac35e60c5147869ba294.webp)
主要图表:地图、饼图、柱状图等。
17 企业大数据展示
![](https://filescdn.proginn.com/cccef6d7b3d44c7bc9ab063c7bb0d275/2fe73065a34c120ff474d78a9c456f86.webp)
这里使用了文字云,填充的是默认的数据。
主要图表:地图、饼图、柱状图、曲线图、文字云等。
18 大数据智慧能力
![](https://filescdn.proginn.com/0d8c31d37de2d75585d96b986f2791a4/f94fadfc57a076ffd066f7fb46859e7e.webp)
描述网络能力,科技感爆棚!
下方的象形柱状图,小F用过Pyecharts实现过。
主要图表:曲线面积图+颜色渐变(向下)、象形柱图等。
19 数据概览演示案例
![](https://filescdn.proginn.com/e082a8ad3e1afc082425baa6598dbbd2/f5aef7ebf8686a6a477d3fa3ed9faa7e.webp)
主要图表:气泡地图、饼图、柱状图、曲线图等。
20 移动能效管理平台
![](https://filescdn.proginn.com/980c4fe32968c3ca2ee6be7e7902213a/71ecdba8b03cbc54a952d64f655d05ba.webp)
不止大屏,还是一个管理系统,点击左侧即可访问。
主要图表:折线面积图、地图等。
下载链接
本来是打算直接分享百度网盘的下载链接,但公众号后台测试发现链接容易失效,如果你对数据可视化大屏感兴趣,可以添加林骥的私人微信获取,请备注:大屏。
可能由于添加人数多,请耐心等待一下。
![](https://filescdn.proginn.com/efe4d320e201e9bd48798a28cbda902c/f180563153adc54a87f8422870ed4c9a.webp)
收藏 | 数据可视化的方法、工具和应用