真NB系列,20个炫酷的数据可视化大屏(含源码)
共 1426字,需浏览 3分钟
· 2020-12-07
大家好,我是宝器!
之前宝器写过一篇文章:数据分析只需要看懂一张图,附下载链接!,这里面的第六部分是讲当数据分析的处理工作完成之后,需要对分析结果进行可视化展示和美化。
(点开图片放大看)
对于不同的图表的作用场景,宝器给了一个表格来解释,清晰方便。
而现在随着大数据的发展,BI、集成图表、可视化大屏在各行各业也得到越来越广泛的应用。
可视化大屏不再只是电影里奇幻的画面,而是被实实在在地应用在政府、商业、金融、制造等各个行业的业务场景中,切切实实地实现着大数据的价值。
所以我本着学习的态度,收集了20款开源的可视化大屏(含源码),在此分享给大家。
![](https://filescdn.proginn.com/147d77f6be20f909fb21ed8b91fee4cc/34bc7a48b5acb790ad7c74272852f369.webp)
下载到本地后,直接运行文件夹中的index.html,即可看到大屏。
01 智慧物流服务中心
![](https://filescdn.proginn.com/cf18cffd63bf6eb00057c2cb6d3d01cf/e87bf50b53d11f5ccc533389e1a565a8.webp)
主要图表:柱状图、饼图、地图等。
02 大数据分析系统
![](https://filescdn.proginn.com/8d38eed70932bd66fef79a61ac8ca627/e1bb5b81313b1047b4e70f4d8729c323.webp)
![](https://filescdn.proginn.com/ea7ffd5d5d5c9e4091391b9e8afa25a1/5708ade0f5afa936cd7c272e841438ee.webp)
![](https://filescdn.proginn.com/ee593fb98ca1e2f3c8b8b58570b06d59/c2596c56ae01d72b979789db61f8439e.webp)
![](https://filescdn.proginn.com/2d60b0b1e2aad51b39db346216c46272/0fcf4055aa87d2643caa7ab5165a6849.webp)
![](https://filescdn.proginn.com/b57bfd5aee8700ab834b7bc328b24aab/1d3005097909940e228bdaf50fe520ea.webp)
果真是分析系统,6个分析页面~
主要图表:柱状图、折线图、饼图、地图等。
03 地方情况分析
![](https://filescdn.proginn.com/2e3ece58169bd0edc5957e41ef8719a3/ed9f4b1ff2b564afd9c23ef5140a6ac2.webp)
![](https://filescdn.proginn.com/a03f3319aeb1724ba7757c21222760ef/ad0e965b5a1f21bf5580c40a79e40870.webp)
![](https://filescdn.proginn.com/fc544fc0263478ebe42b382fe32f1dbf/03d01358e8cf7f33fd1dbf4cf8eabb00.webp)
![](https://filescdn.proginn.com/d3a476d71fc053412c2976115326c3b9/011095c417fe20a87db03dce33bd9953.webp)
![](https://filescdn.proginn.com/a0b23d4c0af43d0fc1db2f563e0ad135/b0fbfe6573f8d88d152cd8d17f409a1e.webp)
也是由多个页面组合而成。
主要图表:柱状图、折线图、饼图、地图等。
04 可视化监控管理
![](https://filescdn.proginn.com/22b02e0142be13147f48a1d758e5b3a5/3c21e930a0d6db8c17d5335333395b15.webp)
地图没显示出来,原因是百度未授权使用地图API,需要注册开发者。
主要图表:条形图、地图等。
05 车联网平台数据概览
![](https://filescdn.proginn.com/e4b14462439159756fb712840366f2e1/c2671ee8e4d698c8c5d30508373d9193.webp)
右下角的图表类型是象形柱图,小F又涨知识了。
主要图表:柱状图、饼图、曲线图等。
06 大屏数据统计
![](https://filescdn.proginn.com/4cb149db81457d774663c752997602a9/092980a5d5b9fa7cc18d01ce6b1838ae.webp)
中间仪表盘等展示空了一块,是不是代码有Bug。
主要图表:柱状图、饼图、折线图等。
07 大数据统计展示大屏
![](https://filescdn.proginn.com/54a7ba259ca1d48650158320acb4a3e4/091c0a4fe4fd2a2ec60782a3d5692e27.webp)
主要图表:柱状图,饼图、折线图、雷达图等。
08 物流大数据服务平台
![](https://filescdn.proginn.com/1d9246cfdde7628cf2697f1c77ae7903/ac18a67b048b46406051128d362a63b2.webp)
主要图表:飞线地图、折线图、饼图等。
09 App接入终端情况分析
![](https://filescdn.proginn.com/d54547aafd3422273e3a61d8d359baae/995ca2c4a91410e41c5a7f7a9a5a900a.webp)
左下角的曲线面积图,科技感满满。
主要图表:饼图、折线图、曲线面积图等。
10 广西电子商务公共服务平台大数据中心
![](https://filescdn.proginn.com/27fd8da970b6cc21783369d02db4cc8a/1d43434423b263e992e8059ec8007bc3.webp)
地图还是带有发光边缘的。
主要图表:地图、饼图、折线图等。
11 医院大数据展示
![](https://filescdn.proginn.com/a58caaaba126e50085c54124395d9f58/1ff6d56561becfb1ec4312f7e3d6bd96.webp)
![](https://filescdn.proginn.com/e31a70eeb27c26e0794dc2b24c8b826c/200615388a4146c5aeab57d72a6e7322.webp)
![](https://filescdn.proginn.com/436e07e3629e538066303281889e6c0d/1ca80b18f818e6f4abcd94946e0f2f7b.webp)
主要图表:地图、饼图、曲线图等。
12 智慧社区内网对比平台
![](https://filescdn.proginn.com/9520cee3eb339bbd3fe110ad7b1760f0/1e799a3da74e03768d0fc3ab63a581cc.webp)
主要图表:地图、饼图、柱状图、曲线图等。
13 物联网平台数据统计
![](https://filescdn.proginn.com/15ec2109709942018b25f6f2a0f3364e/42898008d45a847c4848698637e985bb.webp)
左下角带图标的象形柱图是个亮点。
主要图表:地图、饼图、柱状图等。
14 运营大数据
![](https://filescdn.proginn.com/b4a71b8898da8258b8cdb9d418a9b59c/5d077dd2e537d63d123e982c0971688c.webp)
这个大屏就简单一些,就4块区域。
主要图表:饼图、柱状图、折线图等。
15 大数据可视化展板通用模板
![](https://filescdn.proginn.com/7a0bae7fe6e966d5b53b74f990464e41/681e681e9252b6e2034877cdf0cd4960.webp)
这个页面是最常见的,B站上有好多视频专门讲如何制作的教程。
主要图表:地图、柱状图、饼图、曲线图等。
16 设备环境监测平台
![](https://filescdn.proginn.com/437331b97b13cb3da51532c14896da05/8ca3c5cc77c740b17fcf4218cb4822e4.webp)
主要图表:地图、饼图、柱状图等。
17 企业大数据展示
![](https://filescdn.proginn.com/a7411deec809b6b40091c7fe09a92a18/3499e038eec34ab6143d2a196eee63ba.webp)
这里使用了文字云,填充的是默认的数据。
主要图表:地图、饼图、柱状图、曲线图、文字云等。
18 大数据智慧能力
![](https://filescdn.proginn.com/d2bbc307c6a787cebab4ad642aa18f77/74a561bb83fef77fdf55eabb51dd4518.webp)
描述网络能力,科技感爆棚!
下方的象形柱状图,用过Pyecharts实现过。
主要图表:曲线面积图+颜色渐变(向下)、象形柱图等。
19 数据概览演示案例
![](https://filescdn.proginn.com/1ce458fff6d775a51c7ae2553b6dd5b5/97dc553be3c2f33ef0babbb60312e1d0.webp)
主要图表:气泡地图、饼图、柱状图、曲线图等。
20 移动能效管理平台
![](https://filescdn.proginn.com/366042af0d6028db513c3b63ad4e0b55/69be16591cca400390b3eecae52b180f.webp)
不止大屏,还是一个管理系统,点击左侧即可访问。
主要图表:折线面积图、地图等。
最后:
本来是打算给大家分享整理的20款开源的可视化大屏(含源码)百度云链接,但公众号后台测试后经常出现一会链接就失效了,如果你对数据可视化大屏有兴趣,可以添加宝器私人微信获取,请备注:数据可视化学习。
PS:可能由于添加人数多,好友通过申请请耐心等待一哈。