精选30个炫酷的数据可视化大屏(含源码),拿走就用!

共 2280字,需浏览 5分钟

 ·

2021-11-06 13:58

点击上方“Python爬虫与数据挖掘”,进行关注

回复“书籍”即可获赠Python从入门到进阶共10本电子书

君不见走马川行雪海边,平沙莽莽黄入天。

大家好,我是小F~


大屏数据可视化是以大屏为主要展示载体的数据可视化设计。


“大面积、炫酷动效、丰富色彩”,大屏易在观感上给人留下震撼印象,便于营造某些独特氛围、打造仪式感。


原本看不见的数据可视化后,便能调动人的情绪、引发人的共鸣。


大屏数据可视化目前主要有信息展示、数据分析及监控预警三大类。


今天小F就给大家分享30款开源的可视化大屏(含源码),可以多多学习。



下载到本地后,直接运行文件夹中的index.html,即可看到大屏。


01 数据可视化页面设计



有动画效果,显得高大上!


主要图表:柱状图、水球图、折线图等。


02 数据可视化演示系统



不仅有动画效果,还有科技感光效。


主要图表:柱状图、折线图、饼图、地图等。


03 服务大数据可视化监管平台



由多个不同的图表组合而成,且图表带有动画效果。

主要图表:树形面积图、柱状图、环形图、雷达图等。


04 智能看板



左侧有个滑动的信息流列表,中间有个飞线图。


动态效果,让整体看起来更加引人注目。

主要图表:地图、曲线图,饼图、柱状图等。


05 翼兴消防监控



消防数据监控,有两个可旋转的3D柱状图。


主要图表:柱状图、气泡图、仪表盘图、折线图等。


06 南方软件视频平台大屏中心



中间的柱状图添加了渐变颜色,显得很有立体感!


主要图表:柱状图、散点图等。


07 数据可视化大屏展示系统



左侧的光效设计的不错,使得画面饱满,立体感强。


突出主要视觉,吸引目光。


08 全国图书零售监测数据



主要图表:地图、环形图、柱状图、折线图等。


09 晋城高速综合管控大数据



一个出行服务的交通大数据平台(智慧交通)。


主要图表:柱状图、折线图、曲线面积图、地图、雷达图、环形图等。


10 无线网络大数据平台



较如今的设计,算是比较老旧的。


主要图表:柱状图、环形图、折线图、地图等。


11 Echart图例使用



Echarts是一个使用JavaScript实现的开源可视化库,涵盖各行业图表,满足各种需求。


主要图表:雷达图、地图、饼图、柱状图等。


12 发稿数据可视化大屏



主要图表:柱状图、折线图、饼图等。


13 大数据可视化平台



挺常见的一个大屏模版。


主要图表:环形图、气泡图等。


14 设备大数据



这个大屏就简单一些,信息不是很多。


主要图表:饼图、柱状图、折线图等。


15 游戏数据大屏


一个游戏运营数据看板。


主要图表:柱状图、曲线图等。


16 厅店营业效能分析



手机营业厅日常数据展示。


主要图表:曲线图、柱状图等。


17 车辆综合管控平台



车辆数据分析平台,中间也是动画效果,没录GIF动图。


主要图表:柱状图、环形图、折线图等。


18 保税区A仓数据



一个较为简约的大屏。


主要图表:曲线面积图、环形图、柱状图(可滑动)等。


19 政务大数据共享交换平台



主要图表:饼图、曲线图、柱状图等。


20 兰州智慧消防大数据平台



主要图表:折线面积图、柱状图等。


21 大数据可视化系统数据分析通用模版



一个大屏通用模版。


主要图表:条形图、柱状图、曲线图、环形图等。


22 大数据展示模版



同样是一个可视化大屏模版。


主要图表:地图、柱状图、条形图、曲线面积图、雷达图。


23 大数据可视化系统数据分析通用模版



主要图表:条形图、曲线面积图、雷达图等。


24 智慧社区



一个智慧小区的可视化大屏。


主要图表:柱状图、曲线面积图、饼图等。


25 运营商服务器监控



一个服务器监控大屏,了解服务器的运行情况。


主要图表:条形图、仪表盘图、雷达图、水球图等。


26 酒机运行状态



主要图表:仪表盘图、饼图、柱状图等。


27 医疗督导平台



这个在疫情期间,应该是非常有用的。


主要图表:环形图、柱状图等。


28 物流云数据看板平台



物流信息看板,点击左上角「物流汇总看板」按钮,可以看到汇总信息。


主要图表:柱状图、环形图、面积图等。


29 大数据可视化平台(Vue.js)



上面的大部分大屏都是基于jquery,echarts编写的,最后提供两个Vue.js编写的可视化大屏。


需要安装npm环境,最后运行如下代码,即可显示。


npm install
npm run serve


主要图表:饼图、条形图、雷达图、折线图等。


30 风机可视化大屏



一个3D风机可视化大屏,可以看到风机内部组件的运行情况。


主要图表:条形图、折线图等。

小伙伴们,快快用实践一下吧!如果在学习过程中,有遇到任何问题,欢迎加我好友,我拉你进Python学习交流群共同探讨学习。

    本文仅仅做代码学习交流分享,大家切勿爬虫成疾!

------------------- End -------------------

往期精彩文章推荐:

欢迎大家点赞,留言,转发,转载,感谢大家的相伴与支持

想加入Python学习群请在后台回复【入群

万水千山总是情,点个【在看】行不行

/今日留言主题/

随便说一两句吧~~

浏览 133
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报