30套精品数据可视化大屏html源码下载

其他源码 潘老师 1年前 (2023-04-07) 15907 ℃ (36) 扫码查看

大屏幕数据可视化是以大屏幕为主要显示载体的数据可视化设计。“大面积、炫酷的动态效果、丰富的色彩”,大屏幕很容易给人留下震撼的印象,也很方便营造一些独特的氛围,营造一种仪式感。无形的数据一旦被可视化,就能调动人的情绪,引起人的共鸣。大屏幕数据可视化目前主要包括三大类:信息显示、数据分析和监测预警。

今天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风机可视化大屏,可以看到风机内部组件的运行情况。

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

源码下载

百度网盘下载
提取码:

此隐藏内容查看价格为5立即购买

郑重承诺:如有问题,随时联系,服务到位,售后无忧

查看方法

下载到本地后,前28个直接运行文件夹中的index.html,即可看到大屏。最后29和30基于vue-cli开发,需要执行对应指令进行运行。


版权声明:本站文章,如无说明,均为本站原创,转载请注明文章来源。如有侵权,请联系博主删除。
本文链接:https://www.panziye.com/javacode/6112.html
喜欢 (5)
请潘老师喝杯Coffee吧!】
分享 (0)
用户头像
发表我的评论
取消评论
表情 贴图 签到 代码

Hi,您需要填写昵称和邮箱!

  • 昵称【必填】
  • 邮箱【必填】
  • 网址【可选】

(36) 个小伙伴在畅所欲言
  1. 用户头像
    5元钱买30套,很值,效果也很棒
    云帆 2023-12-12 22:27 回复
  2. 用户头像
    很好的大屏源码,性价比高,效果也好
    蓝心 2023-12-11 17:14 回复
  3. 用户头像
    购买不了
    2023-12-11 09:29 回复
  4. 用户头像
    30套源码一套不少,相当不错
    快乐 2023-11-20 19:04 回复
  5. 用户头像
    源码没毛病,效果也很赞,就是我自己不知道怎么运用到jupyter种
    南辰 2023-11-15 20:55 回复
1 2 3 7