大屏幕数据可视化是以大屏幕为主要显示载体的数据可视化设计。“大面积、炫酷的动态效果、丰富的色彩”，大屏幕很容易给人留下震撼的印象，也很方便营造一些独特的氛围，营造一种仪式感。无形的数据一旦被可视化，就能调动人的情绪，引起人的共鸣。大屏幕数据可视化目前主要包括三大类：信息显示、数据分析和监测预警。
今天Java潘老师就给大家分享30款开源的可视化大屏(含源码)，可以用来参考学习。
大屏视频效果演示
[bili]//player.bilibili.com/player.html?aid=569634940&bvid=BV1Tv4y1W7ex&cid=1086913562&page=1[/bili]
大屏详情与效果截图
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编写的可视化大屏，也就是29和30都是基于vue-cli脚手架开发的源码。
需要安装npm环境，最后运行如下代码，即可显示。
npm install
npm run serve主要图表：饼图、条形图、雷达图、折线图等。
30 风机可视化大屏
一个3D风机可视化大屏，可以看到风机内部组件的运行情况。
主要图表：条形图、折线图等。
源码下载
[dl href=’https://pan.baidu.com/s/1yIclubhVFpj_hpr0v9duNQ’]百度网盘下载[/dl]
提取码:
[buy price=5]提取码: 64k7 [/buy]
查看方法
下载到本地后，前28个直接运行文件夹中的index.html，即可看到大屏。最后29和30基于vue-cli开发，需要执行对应指令进行运行。
相关文章
大屏代码完整，效果很棒，正好有我需要的
非常完美的大屏代码，效果杠杠的
非常nice，代码很规范，价格很实惠
源码不错，内容丰富，效果也好
和博主视频中的一样，效果很不错
非常棒的源码，完全可以用来二开
潘老师靠谱，代码很满意
非常感谢博主，源码非常棒
非常nice，很实惠，效果也很棒
买来学习的，很有帮助
完美的效果，赞
便宜靠谱，源码很好，省去大量自己去搜索和开发的时间
买来学习的，30套源码都没问题，实惠！
效果和视频中一致，30套都很完美
挺好的源码，学习中
很满意，代码效果一样的，30套很实惠
代码完美，效果OK，非常满意
代码没问题，虽然只需要其中一套，但其他的备用也不错
纯html+css源码，非常有帮助，代码规范，修改简单
不错的大屏源码，种类丰富，留着备用
源码很好，值得收藏
很不错，代码效果很棒
喜欢这几套大屏模板，用来学习相当不错
很好的大屏模板，够用了
很好的源码，用来学习不错的
物超所值！但是需要懂一点技术
竟然真的只要5元就能买30套，实在是太划算了
确实是源代码，可以自己二开，靠谱！
确实是30套，没有任何套路，非常满意
源码没毛病，效果也很赞，就是我自己不知道怎么运用到jupyter种
30套源码一套不少，相当不错
购买不了
加我微信：iKinMoo
已加
很好的大屏源码，性价比高，效果也好
5元钱买30套，很值，效果也很棒