章
目
录
大屏幕数据可视化是以大屏幕为主要显示载体的数据可视化设计。“大面积、炫酷的动态效果、丰富的色彩”，大屏幕很容易给人留下震撼的印象，也很方便营造一些独特的氛围，营造一种仪式感。无形的数据一旦被可视化，就能调动人的情绪，引起人的共鸣。大屏幕数据可视化目前主要包括三大类：信息显示、数据分析和监测预警。
今天Java潘老师就给大家分享30款开源的可视化大屏(含源码)，可以用来参考学习。
大屏视频效果演示
大屏详情与效果截图
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风机可视化大屏，可以看到风机内部组件的运行情况。
主要图表：条形图、折线图等。
源码下载
百度网盘下载
提取码:
查看方法
下载到本地后，前28个直接运行文件夹中的index.html，即可看到大屏。最后29和30基于vue-cli开发，需要执行对应指令进行运行。
