随着大数据的发展,可视化大屏在各行各业得到越来越广泛的应用。
数据可视化大屏被应用在了各行各业,今天把自己做过的数据可视化大屏整理出来供大家参考。
如果您需要设计属于自己的数据可视化大屏或开发数据可视化大屏 请联系我们微信:17331886870
大屏数据可视化模板实例展示
131.湖南省水文综合监测大屏
开发环境
vue3+vite+js
前端可视化大屏demo
项目截图
129.保险行业数据可视化
开发环境
vue3+vite+js
前端可视化大屏demo
项目截图
128.智慧水务驾驶舱
开发环境
vue3+vite+js
分辨率
1920*1080
前端可视化大屏demo
项目截图
125.智慧环卫数据可视化
开发环境
vue3+vite+js
分辨率
1920*1080
大屏详细介绍
项目截图
124.营商环境智能监控中心
开发环境
vue3+vite+js
分辨率
1920*1080
大屏详细介绍
项目截图
123.智慧园区可视化大屏
开发环境
vue3+vite+js
分辨率
1920*1080
更新日志
2024年04月12日 v1.1
1.底座增加粒子效果
大屏详细介绍
项目截图
122.重要目标预警与智慧分析系统
开发环境
vue3+vite+js
分辨率
1920*1080
大屏详细介绍
项目截图
121.中药材动态监测数据驾驶舱
开发环境
vue3+vite+js
分辨率
1920*1080
大屏详细介绍
项目截图
120.人工智能人才需求数据可视化
开发环境
vue3+vite+js
分辨率
1920*1080
大屏详细介绍
项目截图
119.边坡安全监测数据大屏
开发环境
vue3+vite+js
分辨率
1920*1080
演示地址
项目截图
116.智能停车管理统计平台
开发环境
vue3+vite+js
分辨率
1920*1080
演示地址
项目截图
108.智慧政务综合分析
开发环境
vue3+vite+js
分辨率
1920*1080
演示地址
项目截图
107.能源供热分析大屏
开发环境
vue3+vite+js
分辨率
1920*1080
演示地址
项目截图
106.仓库数据大屏看板
开发环境
vue3+vite+js
分辨率
1920*1080
演示地址
项目截图
105.智慧养老数据大屏
开发环境
vue3+vite+js
分辨率
1920*1080
演示地址
项目截图
98 vue3 数据可视化大屏 物资运输智能监控系统
开发环境
vue3+vite+js nodejs 16
分辨率
1920*1080
演示地址
物资运输智能监控系统
89 vue3 数据可视化大屏 5G工业区数据大屏
开发环境
vue3+vite+js nodejs 16
分辨率
1920*1080
演示地址
5G工业区数据大屏
82 vue3 数据可视化大屏 智慧照明数据大屏
开发环境
vue3+vite+js nodejs 16
分辨率
1920*1080
演示地址
智慧照明数据大屏
79 vue3 数据可视化大屏 智慧工地监管系统
开发环境
vue3+vite+js nodejs 16
分辨率
1920*1080
演示地址
更新日志
2024年01月07日
视频监控增加回放弹窗
2024年01月11日
项目信息-增加预警信息弹窗
项目信息-增加检查情况弹窗
项目信息-增加现场人员弹窗
2024年01月16日
人员基本信息分析增加籍贯切换
人员管理-增加考勤弹窗
智慧工地监管系统
75 vue3 数据可视化大屏 机房动力环境监控大屏
开发环境
vue3+vite+js nodejs 16
vue2 webpack js nodejs 16
分辨率
1920*1080
演示地址
机房动力环境监控大屏
73 vue3 数据可视化大屏 就业数据可视化大屏
开发环境
vue3+vite+js nodejs 16
分辨率
1920*1080
演示地址
就业数据可视化大屏
72 vue3 数据可视化大屏 图书馆数据可视化大屏
开发环境
vue3+vite+js nodejs 16
分辨率
1920*1080
演示地址
图书馆数据可视化大屏
70 vue3 数据可视化大屏 新能源汽车大数据平台
开发环境
vue3+vite+js nodejs 16
vue2+webpck+js nodejs 16
分辨率
1920*1080
演示地址
新能源汽车大数据平台
69 vue3 数据可视化大屏 医疗体检健康可视化数据
开发环境
vue3+vite+js nodejs 16
vue2+webpack+js nodejs 16
分辨率
1920*1080
演示地址
信用信息管理驾驶舱
68 vue3 数据可视化大屏 信用信息管理驾驶舱
开发环境
vue3+vite+js nodejs 16
分辨率
1920*1080
演示地址
信用信息管理驾驶舱
67 vue3 数据可视化大屏 视频监控智能分析系统
开发环境
vue3+vite+js nodejs 16
分辨率
1920*1080
演示地址
视频监控智能分析系统
66 vue3 数据可视化大屏 产品预售业务数据看板
开发环境
vue3+vite+js nodejs 16
分辨率
1920*1080
演示地址
产品预售业务数据看板
64 可视化数据大屏 - 智能制造大数据平台
开发环境
vue3 vite js nodejs v14
分辨率
1920*1080
演示地址
智能制造大数据平台
55 可视化数据大屏 - 公司年终财务数据看板
2024年02月25日 v1.2
移除node-sass插件改为sass插件
移除lodash插件,使用原生写法代替lodash减少文件大小
数字滚动效果更新
增加jsconfig.json配置文件
调整柱状图间距避免间距太小数字显示不完整
顶部扫光动画替换为流光动画
开发环境
vue3 vite js nodejs v14
分辨率
1920*1080
演示地址
公司年终财务数据看板
56 可视化数据大屏 - 人才大数据分析可视化
2023年08月08日 更新
添加mockjs模拟数据交互 接口调用
头部添加扫光帧动画
开发环境
vue3 vite js nodejs v14
分辨率
1920*1080
演示地址
人才大数据分析可视化
57 可视化数据大屏 - 水质情况实时监测预警系统
2024年04月21日 v1.3
1.删除node-sass依赖
2.echarts更新到5.4.0
3.业绩增长分析增加粒子效果
4.删除多余字体
5.删除用不到的图片资源
开发环境
vue3 vite js nodejs v14
分辨率
1920*1080
演示地址
水质情况实时监测预警系统
58 数据可视化大屏 - 房屋租赁信息看板
2023年08月07日 添加mockjs用来模拟接口数据交互。
开发环境
vue3 vite js nodejs v14
分辨率
1920*1080
演示地址
房屋租赁信息看板
59 vue3 数据可视化大屏 - 物流大数据可视化大屏
更新日志
2023年08月07日: 使用mockjs 来生成模拟数据,模拟接口请求数据。
开发环境
vue3 vite js nodejs v14
分辨率
1920*1080
演示地址
物流大数据可视化大屏
34 数据可视化大屏 新冠疫情大数据平台
开发环境
vue3 + vite + js node 14
分辨率
1920*1080
演示地址
项目截图
63 vue3 数据可视化大屏 - 固废全过程
开发环境
vue3 vite js nodejs v14
分辨率
1920*1080
演示地址
vue3 数据可视化大屏 固废全过程
62 vue3 数据可视化大屏 - 医疗卫生大数据看板
开发环境
vue3 vite js nodejs v14
html + js
分辨率
1920*1080
演示地址
医疗卫生大数据看板
61 vue3 数据可视化大屏 - 网络信息化大数据平台
开发环境
vue3 vite js nodejs v14
分辨率
1920*1080
演示地址
网络信息化大数据平台
60 vue3 数据可视化大屏 - 智慧医疗数据展示平台
更新日志
2024年02月27日 v1.3
中间数字卡片增加扫光动画
营收金额统计调整间距,增加tooltip显示信息
代码优化
顶部标题间距调整
开发环境
vue3 vite js nodejs v16
演示地址
智慧医疗数据展示平台
53 数据大屏 酒店数据可视化大屏
开发环境
vue3 vite js nodejs v14
演示地址
酒店数据可视化大屏
52 数据可视化大屏 消防数据大屏可视化
开发环境
vue3 vite js nodejs 16
更新日志
2024年04月07日 v1.3
1.echarts axios插件更新到最新版
2.中间地图添加从小到大的动画效果
3.增加星空粒子效果
4.顶部扫光改为流光效果