今

日

鸡

汤

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

大家好，我是小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风机可视化大屏，可以看到风机内部组件的运行情况。

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

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