欢迎关注大数据技术架构与案例微信公众号:过往记忆大数据
过往记忆博客公众号iteblog_hadoop
欢迎关注微信公众号:
过往记忆大数据

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

 

今天给大家分享30款开源的可视化大屏(含源码)。

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

01 数据可视化页面设计

011d6a748bf465714d97dee1821dd213.gif

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

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

02 数据可视化演示系统

490e5692ac2cd602fb95d4e66bb1ae3f.gif

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

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

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

29f6f650c1fd83191c70f832aba4b0c9.gif

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

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

127e2c417f8b6089b6d08ff5e6859d0f.png上述可视化大屏资源已打包,关注下方公众号Java与大数据架构,回复「可视化大屏」,即可获取。

04 智能看板

850d07da9494a10690b924e39b6c5fb1.gif

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

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

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

05 翼兴消防监控

911a5036cc5932a17e90a33c4e30045b.gif

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

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

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

ffe6ce0805533828c7aba116104889cf.png

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

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

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

3f396da5371b7e689f785f290b8233fe.png

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

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

08 全国图书零售监测数据

59c2cddf5b078db75d9158adfe656733.png

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

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

3b9ddbc4d1852f6ac734c9f629ef4bae.png

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

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

10 无线网络大数据平台

88079d2fde3181db5ff9e718a3fe42a1.png

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

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

11 Echart图例使用

35d06c1f993164edd456d5e11c56dd76.png

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

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

12 发稿数据可视化大屏

b96f693f77ee89046b50d7bdc0e78717.png

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

13 大数据可视化平台

69c1ac57aa20ea54064d2b237546746b.png

挺常见的一个大屏模版。

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

14 设备大数据

25a130310e1967d703faa8521d6177f2.png

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

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

15 游戏数据大屏

04b4649b94a9de198f1bd4adaae051e4.png

一个游戏运营数据看板。

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

16 厅店营业效能分析

8215e0a3ba0a0f421f98c08a512d65cb.png

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

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

17 车辆综合管控平台

5cbdbd112ddad7d04c46693bfc69634f.png

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

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

18 保税区A仓数据

e5809aaa0133235313436a337ada5fb9.png

一个较为简约的大屏。

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

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

1a147b9fd41c58fceda12336f5b8c7de.png

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

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

4bd17d169948252225251f57c515ae96.png

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

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

1ac0b37b4bf20259b664ce68b6d0ed9e.png

一个大屏通用模版。

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

22 大数据展示模版

0716373ebde7722fc723a416a106db76.png

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

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

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

7d3791d6ef945738e64e784413c76a4b.png

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

24 智慧社区

e083f7e62010695d93f350452491f23f.png52b078895f0e98afd8abc1771858981f.png一个智慧小区的可视化大屏。

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

25 运营商服务器监控

3ce3e07ea907f63341818f74f0355cbf.png

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

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

26 酒机运行状态

f537774fbcbbbeb8c04afe242614ad30.png

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

27 医疗督导平台

c154bb0dc2166821ebfb085cc038a32a.png

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

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

28 物流云数据看板平台

ec89cd65922207868ab9f40c740ad8c1.pngf979ac0c13aff564f1a1944f6cbd02df.png

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

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

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

2076d0f4762cc9510307f1e737287626.gif

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

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

npm install
npm run serve
主要图表:饼图、条形图、雷达图、折线图等。

30 风机可视化大屏

ca9c9fac9fe2fac66c083e6bc3e55894.gif

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

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

上述可视化大屏资源已打包,下方公众号回复「可视化大屏」,即可获取。

本博客文章除特别声明,全部都是原创!
原创文章版权归过往记忆大数据(过往记忆)所有,未经许可不得转载。
本文链接: 【精选30个炫酷的数据可视化大屏(含源码),拿走就用!】(https://www.iteblog.com/archives/10116.html)
喜欢 (0)
分享 (0)
发表我的评论
取消评论

表情
本博客评论系统带有自动识别垃圾评论功能,请写一些有意义的评论,谢谢!