这次太全了,20个炫酷的数据可视化大屏!
共 1224字,需浏览 3分钟
· 2020-12-11
来源 | 法纳斯特
大家好,我是小F~
随着大数据的发展,可视化大屏在各行各业得到越来越广泛的应用。
可视化大屏不再只是电影里奇幻的画面,而是被实实在在地应用在政府、商业、金融、制造等各个行业的业务场景中,切切实实地实现着大数据的价值。
所以本着学习的态度,小F收集了20款开源的可视化大屏(含源码),在此分享给大家。
![](https://filescdn.proginn.com/c6e717665da534d8c444c801bca9169c/eb959377eb047784cd502df4030fad62.webp)
下载到本地后,直接运行文件夹中的index.html,即可看到大屏。
01 智慧物流服务中心
![](https://filescdn.proginn.com/cb34d4a61705829af7b8427740a569b9/5165ec25b88d604709c1e97fd73cfd21.webp)
主要图表:柱状图、饼图、地图等。
02 大数据分析系统
![](https://filescdn.proginn.com/069ccbc7a4d1cef30c5fbf435d1e9709/4d42384d69d8ad2ef00454a1e9e970a8.webp)
![](https://filescdn.proginn.com/3bd5a58bd5fc0e502fc7335a71374cce/ce7c701b54a427a53dce1b721f7c2418.webp)
![](https://filescdn.proginn.com/1d5697fa2f9c94a59af371847526aa35/73ece193b02ad7c83d6445a256e8a379.webp)
![](https://filescdn.proginn.com/3090759a9e4a80c4df479d36108f6557/d824771ee471178929165bcb55fdaa95.webp)
![](https://filescdn.proginn.com/a0026a222cdc2dbf425f910837109a50/3899b277bf29e26e4dc248d2fd1b1ad1.webp)
果真是分析系统,6个分析页面~
主要图表:柱状图、折线图、饼图、地图等。
03 地方情况分析
![](https://filescdn.proginn.com/e395ef0a4a0f2ca5660f70e409a5eab8/adab67fe0622f6fb56722daeb2e594b0.webp)
![](https://filescdn.proginn.com/a1b1cfcce332acff41b4176f9cb1d694/a4af0120bf0d9e9ee4a944647433f3f4.webp)
![](https://filescdn.proginn.com/88e1eacc24ccaa89852b80c953c4ce21/aead6e29a0ee5554b4bb52a968944834.webp)
![](https://filescdn.proginn.com/81ea74ebf296820e8151b4c8759a181a/cd42fe1190a48531f73ab3f4cc4f4297.webp)
![](https://filescdn.proginn.com/8807bf338da4e0b38f5061fa0576315a/36be8abe005e65444e5aa42b893c6bce.webp)
也是由多个页面组合而成。
主要图表:柱状图、折线图、饼图、地图等。
04 可视化监控管理
![](https://filescdn.proginn.com/b9cb0b620ccf6cd327d31a91126a77ff/b631dd055b41ce42b700b41fd9d26ac6.webp)
地图没显示出来,原因是百度未授权使用地图API,需要注册开发者。
主要图表:条形图、地图等。
05 车联网平台数据概览
![](https://filescdn.proginn.com/f0f059414b90d3e84da7c135c872c8f6/cb5927b2cf0c024c10c4e8b9ec93e8a9.webp)
右下角的图表类型是象形柱图,小F又涨知识了。
主要图表:柱状图、饼图、曲线图等。
06 大屏数据统计
![](https://filescdn.proginn.com/fc71aa5453f2ab55b763d5b6333196b4/79ad9b42252f28996669a743caa59e3d.webp)
中间仪表盘等展示空了一块,是不是代码有Bug。
主要图表:柱状图、饼图、折线图等。
07 大数据统计展示大屏
![](https://filescdn.proginn.com/62e22522c3556328d0c0a5ed11d6e665/1abe2843e642aabff773053d45a3bd11.webp)
主要图表:柱状图,饼图、折线图、雷达图等。
08 物流大数据服务平台
![](https://filescdn.proginn.com/3c6fa2072a2f22411bf9e64f0e0b8b91/472fb0f6d2f25aebe3243a367a9397f2.webp)
主要图表:飞线地图、折线图、饼图等。
09 App接入终端情况分析
![](https://filescdn.proginn.com/da9c6db6c1f8cd1dc8a98ade13601fa4/12bc1f437e257633ecac73aad9e90b38.webp)
左下角的曲线面积图,科技感满满。
主要图表:饼图、折线图、曲线面积图等。
10 广西电子商务公共服务平台大数据中心
![](https://filescdn.proginn.com/597e02e2c54cb306969aba42776b7eaf/4f3cd460a064038458d85d8c8856f78a.webp)
地图还是带有发光边缘的。
主要图表:地图、饼图、折线图等。
11 医院大数据展示
![](https://filescdn.proginn.com/d58881e6b40f4f2674e3d8f1312ae91c/c72ea4f788a3ec583bc42978c405d61d.webp)
![](https://filescdn.proginn.com/018e9dcce2ad5cac84a291bcddd9f4a3/ff8f4a26d9d11a2da102ad8974a9be45.webp)
![](https://filescdn.proginn.com/b59ac1d8c7893144fae8363d9d4ba922/b8bea97f45d4ed4118c26e9763723314.webp)
主要图表:地图、饼图、曲线图等。
12 智慧社区内网对比平台
![](https://filescdn.proginn.com/c4690566c2fe10dc0c2a3eefba0ad3d2/ba4002a3731a7f164004e73af3cb3aac.webp)
主要图表:地图、饼图、柱状图、曲线图等。
13 物联网平台数据统计
![](https://filescdn.proginn.com/3f8c1bbec6af9a4bd624fc7307f2a339/4ebde77d8db6348a8e0b3b73b78379b4.webp)
左下角带图标的象形柱图是个亮点。
主要图表:地图、饼图、柱状图等。
14 运营大数据
![](https://filescdn.proginn.com/06d556707aab64452abe6a9e449b1271/813fa9f6ca81e477a4d6d438942a557c.webp)
这个大屏就简单一些,就4块区域。
主要图表:饼图、柱状图、折线图等。
15 大数据可视化展板通用模板
![](https://filescdn.proginn.com/87dc1f28e10826fd1ee19c89afc648be/3f6ffc24875d8bced62ca42e09502871.webp)
这个页面是最常见的,B站上有好多视频专门讲如何制作的教程。
主要图表:地图、柱状图、饼图、曲线图等。
16 设备环境监测平台
![](https://filescdn.proginn.com/28237961e11adbade4438350b0ea6284/d22ee02c7b817dc8f140e7c5dea2c915.webp)
主要图表:地图、饼图、柱状图等。
17 企业大数据展示
![](https://filescdn.proginn.com/125e45bb59d92ede73d094124a710794/5cdf6f0e99f34d2fac60ed766a195e5d.webp)
这里使用了文字云,填充的是默认的数据。
主要图表:地图、饼图、柱状图、曲线图、文字云等。
18 大数据智慧能力
![](https://filescdn.proginn.com/baf55b1d8d493eefeee1f3e9aa603e91/68353ef6b8c7a5d7c3419616313190ac.webp)
描述网络能力,科技感爆棚!
下方的象形柱状图,小F用过Pyecharts实现过。
主要图表:曲线面积图+颜色渐变(向下)、象形柱图等。
19 数据概览演示案例
![](https://filescdn.proginn.com/1146f98ba377bfb4c51a10498ffc2105/2ac8b68076486280c6297dc06b893ead.webp)
主要图表:气泡地图、饼图、柱状图、曲线图等。
20 移动能效管理平台
![](https://filescdn.proginn.com/b11e1d57d687713385bf53b3b9f4ce30/670fa9c725f7d2eee732a79a22efb7fa.webp)
不止大屏,还是一个管理系统,点击左侧即可访问。
主要图表:折线面积图、地图等。
公众号回复「可视化」,即可获取上述可视化大屏资源打包下载链接。