|
随着大数据的发展，可视化大屏在各行各业得到越来越广泛的应用。 数据可视化大屏被应用在了各行各业，今天把自己做过的数据可视化大屏整理出来供大家参考。 如果您需要设计属于自己的数据可视化大屏或开发数据可视化大屏 请联系我们微信:17331886870 [url=][/url]98 vue3 数据可视化大屏 物资运输智能监控系统[url=][/url]开发环境vue3+vite+js nodejs 16 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]物资运输智能监控系统[url=][/url]89 vue3 数据可视化大屏 5G工业区数据大屏[url=][/url]开发环境vue3+vite+js nodejs 16 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]5G工业区数据大屏[url=][/url]82 vue3 数据可视化大屏 智慧照明数据大屏[url=][/url]开发环境vue3+vite+js nodejs 16 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]智慧照明数据大屏[url=][/url]79 vue3 数据可视化大屏 智慧工地监管系统[url=][/url]开发环境vue3+vite+js nodejs 16 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]智慧工地监管系统[url=][/url]75 vue3 数据可视化大屏 机房动力环境监控大屏[url=][/url]开发环境vue3+vite+js nodejs 16 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]机房动力环境监控大屏[url=][/url]73 vue3 数据可视化大屏 就业数据可视化大屏[url=][/url]开发环境vue3+vite+js nodejs 16 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]就业数据可视化大屏[url=][/url]72 vue3 数据可视化大屏 图书馆数据可视化大屏[url=][/url]开发环境vue3+vite+js nodejs 16 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]图书馆数据可视化大屏[url=][/url]70 vue3 数据可视化大屏 新能源汽车大数据平台[url=][/url]开发环境vue3+vite+js nodejs 16 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]新能源汽车大数据平台[url=][/url]69 vue3 数据可视化大屏 医疗体检健康可视化数据[url=][/url]开发环境vue3+vite+js nodejs 16 vue2+webpack+js nodejs 16 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]信用信息管理驾驶舱[url=][/url]68 vue3 数据可视化大屏 信用信息管理驾驶舱[url=][/url]开发环境vue3+vite+js nodejs 16 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]信用信息管理驾驶舱[url=][/url]67 vue3 数据可视化大屏 视频监控智能分析系统[url=][/url]开发环境vue3+vite+js nodejs 16 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]视频监控智能分析系统[url=][/url]66 vue3 数据可视化大屏 产品预售业务数据看板[url=][/url]开发环境vue3+vite+js nodejs 16 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]产品预售业务数据看板[url=][/url]64 可视化数据大屏 - 智能制造大数据平台[url=][/url]开发环境vue3 vite js nodejs v14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]智能制造大数据平台[url=][/url]55 可视化数据大屏 - 公司年终财务数据看板[url=][/url]2023年08月08日 更新顶部标题背景改为帧动画 使用mockjs 来生成模拟数据，使用axios来进行接口请求，代替原有的写死的数据。 中间数据底座更换图片，增加gsap动画 [url=][/url]开发环境vue3 vite js nodejs v14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]公司年终财务数据看板[url=][/url]56 可视化数据大屏 - 人才大数据分析可视化[url=][/url]2023年08月08日 更新添加mockjs模拟数据交互 接口调用 头部添加扫光帧动画 [url=][/url]开发环境vue3 vite js nodejs v14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]人才大数据分析可视化[url=][/url]57 可视化数据大屏 - 水质情况实时监测预警系统2023年08月08日 添加mockjs用来模拟接口数据交互。 [url=][/url]开发环境vue3 vite js nodejs v14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]水质情况实时监测预警系统[url=][/url]58 数据可视化大屏 - 房屋租赁信息看板2023年08月07日 添加mockjs用来模拟接口数据交互。 [url=][/url]开发环境vue3 vite js nodejs v14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]房屋租赁信息看板[url=][/url]59 vue3 数据可视化大屏 - 物流大数据可视化大屏[url=][/url]更新日志2023年08月07日： 使用mockjs 来生成模拟数据，模拟接口请求数据。 [url=][/url]开发环境vue3 vite js nodejs v14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]物流大数据可视化大屏[url=][/url]34 数据可视化大屏 新冠疫情大数据平台[url=][/url]开发环境vue3 + vite + js node 14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]项目截图[url=][/url]63 vue3 数据可视化大屏 - 固废全过程[url=][/url]开发环境vue3 vite js nodejs v14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]vue3 数据可视化大屏 固废全过程[url=][/url]62 vue3 数据可视化大屏 - 医疗卫生大数据看板[url=][/url]开发环境vue3 vite js nodejs v14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]医疗卫生大数据看板[url=][/url]61 vue3 数据可视化大屏 - 网络信息化大数据平台[url=][/url]开发环境vue3 vite js nodejs v14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]网络信息化大数据平台[url=][/url]60 vue3 数据可视化大屏 - 智慧医疗数据展示平台[url=][/url]更新日志[url=][/url]2023年09月30日 v1.2删除组件中多余的代码
删除多余依赖
增加jsconfig.json文件
增加接口定时请求可以在src/config/config.js配置请求频率,或者关闭定时请求 [url=][/url]2023年08月04日 v1.1使用mockjs 来生成模拟数据，模拟接口请求数据。 [url=][/url]开发环境vue3 vite js nodejs v14或v16 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]智慧医疗数据展示平台[url=][/url]53 数据大屏 酒店数据可视化大屏[url=][/url]开发环境vue3 vite js nodejs v14 [url=][/url]分辨率1920*1080 [url=][/url]更新日志[url=][/url]2023年09月29日 v1.21.删除多余依赖
2.添加jsconfig.json配置文件
3.删除组件中多余代码
4.顶部top组件优化 [url=][/url]演示地址[url=][/url]酒店数据可视化大屏[url=][/url]52 数据可视化大屏 消防数据大屏可视化[url=][/url]开发环境vue3 vite js nodejs 14或16 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]vue3版本[url=][/url]vue2版本[url=][/url]数据可视化大屏 智慧消防大数据中心平台[url=][/url]============================以下为客户项目仅做展示=============================[url=][/url]97 vue2 可视化数据大屏 边坡安全监测[url=][/url]开发环境vue2 webpack js nodejs 16 [url=][/url]分辨率1920 * 1080 [url=][/url]演示地址[url=][/url]vue2 可视化数据大屏 边坡安全监测[url=][/url]95 vue3 可视化数据大屏 拆迁一体化[url=][/url]开发环境vue3 vite js nodejs 16 [url=][/url]分辨率1920 * 1080 3200 * 1080 [url=][/url]演示地址[url=][/url]可视化数据大屏 拆迁一体化[url=][/url]93 vue3 可视化数据大屏 机械化生产信息管理与示范服务平台[url=][/url]开发环境vue3 vite js nodejs 16 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]机械化生产信息管理与示范服务平台[url=][/url]92 vue2 数据可视化大屏 居家服务数据大屏[url=][/url]开发环境vue2+webpack+js nodejs 16 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]居家服务数据大屏[url=][/url]88 vue3 数据可视化大屏 公安局执法办案管理中心[url=][/url]开发环境vue3+vite+js nodejs 16 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]公安局执法办案管理中心[url=][/url]87 vue3 数据可视化大屏 城建燃气驾驶舱[url=][/url]开发环境vue3+vite+js nodejs 16 [url=][/url]分辨率2970*1080 [url=][/url]演示地址[url=][/url]城建燃气驾驶舱[url=][/url]86 vue3 数据可视化大屏 临沭城投集团智慧管理中心[url=][/url]开发环境vue3+vite+js nodejs 16 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]临沭城投集团智慧管理中心[url=][/url]84 vue3 可视化数据大屏 智农数字农业数据服务展示平台[url=][/url]开发环境vue3+vite+js nodejs 16 [url=][/url]分辨率3200*1080 [url=][/url]演示地址[url=][/url]智农数字农业数据服务展示平台[url=][/url]83 vue2 数据可视化大屏 医疗废物智慧运营管理系统[url=][/url]开发环境vue2+webpack+js nodejs 16 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]医疗废物智慧运营管理系统[url=][/url]81 vue3 可视化数据大屏 房产数据一张图[url=][/url]开发环境vue3+vite+js nodejs 16 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]房产数据一张图[url=][/url]78 vue3 数据可视化大屏 市场运营管理云图[url=][/url]开发环境vue3+vite+js nodejs 16 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]市场运营管理云图[url=][/url]77 vue3 数据可视化大屏 智慧社区数字化管理平台[url=][/url]开发环境vue3+vite+js nodejs 16 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]智慧社区数字化管理平台[url=][/url]65 vue 数据可视化大屏 安全预警系统[url=][/url]开发环境vue2 webpack js nodejs v14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]安全预警系统[url=][/url]74 vue3 数据可视化大屏 倍适莱茵数据大屏[url=][/url]开发环境vue3+vite+js nodejs 16 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]倍适莱茵数据大屏[url=][/url]54 校园可视化数据大屏 - 数据资产大屏[url=][/url]开发环境vue3 vite js nodejs v14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]校园可视化数据大屏[url=][/url]51 数据可视化大屏 精准种植大数据[url=][/url]开发环境vue2+webpack+js nodejs 14 [url=][/url]分辨率3440*1032 [url=][/url]演示地址[url=][/url]数据可视化大屏 精准种植大数据[url=][/url]47 vue 数据可视化大屏 夹江大桥及隧道数据分析[url=][/url]开发环境vue2 + webpack + js nodejs 14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]项目截图[url=][/url]45 可视化数据大屏 管控后台管理系统[url=][/url]开发环境vue2 + webpack + js nodejs 14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]项目截图[url=][/url]44 可视化数据大屏 管理局大数据平台[url=][/url]开发环境vue2 + webpack + js nodejs 14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]项目截图[url=][/url]43 可视化数据大屏 数据驾驶舱[url=][/url]开发环境vue2 + webpack + js nodejs 14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]项目截图[url=][/url]42 数据可视化大屏 农产品质量安全大数据智慧监管平台[url=][/url]开发环境html+js+css [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]项目截图[url=][/url]41 数据可视化大屏 智能停车管理统计平台[url=][/url]开发环境vue2 webpack js nodejs 14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]项目截图[url=][/url]40 数据可视化大屏 材料科学与工程学院[url=][/url]开发环境html+js+css [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]项目截图[url=][/url]39 数据可视化大屏 视频监控[url=][/url]开发环境html+js+css [url=][/url]分辨率3840*1080 [url=][/url]演示地址[url=][/url]项目截图[url=][/url]38 数据可视化大屏 青浦农业农村信息共享平台[url=][/url]开发环境html+js+css [url=][/url]分辨率3840*1080 [url=][/url]演示地址[url=][/url]项目截图[url=][/url]37 数据可视化大屏 江西省农产品质量安全大数据智慧监管平台[url=][/url]开发环境html+js+css [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]项目截图[url=][/url]36 数据可视化大屏 德宏州挂图督战平台[url=][/url]开发环境html+js+css [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]项目截图[url=][/url]35 数据可视化大屏 智慧载体运行监控平台[url=][/url]开发环境html+js+css [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]项目截图[url=][/url]33 vue2 数据可视化大屏 宽带综合评分[url=][/url]开发环境vue2+webpack+js nodejs 14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]项目截图[url=][/url]32 vue3 可视化数据大屏 - 进口食品安全智慧监管决策大屏[url=][/url]开发环境vue3+vite+js [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]项目截图[url=][/url]31.安全生产数据中心[url=][/url]开发环境html+css+js [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]生产数据中心首页[url=][/url]30.芒市工业区[url=][/url]开发环境html+css+js [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]芒市工业区效果图[url=][/url]29.数据大屏 工程材料[url=][/url]开发环境html+css+js [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]数据大屏 工程材料效果图[url=][/url]28.可视化大屏 重要目标预警与智慧分析系统[url=][/url]开发环境vue3 vite js nodejs 14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]可视化大屏 重要目标预警与智慧分析系统截图[url=][/url]27.视频监控智能分析系统[url=][/url]开发环境vue3 vite js nodejs 14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]vue 数据大屏 视频监控智能分析系统部分截图[url=][/url]26.本地联网上传平台[url=][/url]开发环境html [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]本地联网上传平台效果图[url=][/url]25.财务管理数字内控平台[url=][/url]开发环境vue2 webpack js nodejs 14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]财务管理数字内控平台效果图[url=][/url]24.停车场监控看板大屏[url=][/url]开发环境vue2 webpack js nodejs 14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]vue 数据大屏 停车场监控看板大屏效果图[url=][/url]23.智慧排水管网监测子系统[url=][/url]开发环境vue2 webpack js nodejs 14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]vue 数据大屏 智慧排水管网监测子系统效果图[url=][/url]22.智慧工业园大数据可视化[url=][/url]开发环境vue2 webpack js nodejs 14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]vue 数据大屏 智慧工业园大数据可视化效果图[url=][/url]21.银行监控中心[url=][/url]开发环境vue2 webpack js nodejs 14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]vue 数据大屏 银行监控中心效果图[url=][/url]20.采油厂风险管控系统[url=][/url]开发环境vue2 webpack js nodejs 14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]vue 数据大屏 采油厂风险管控系统效果图[url=][/url]18. 仓库大屏看板[url=][/url]开发环境vue2+webpack+js nodejs 14 [url=][/url]分辨率3840*2160 [url=][/url]演示地址[url=][/url]数据可视化大屏 仓库大屏看板效果图[url=][/url]17.营商环境智能监控中心[url=][/url]开发环境vue2+webpack+js [url=][/url]分辨率3840*2160 [url=][/url]演示地址[url=][/url]数据可视化大屏 营商环境智能监控中心效果图[url=][/url]16.大数据运营平台[url=][/url]开发环境html+css+js [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]数据可视化大屏 大数据运营平台效果图[url=][/url]15.信息化系统可视化[url=][/url]开发环境vue2 webpack js nodejs 14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]数据可视化大屏 信息化系统可视化效果图[url=][/url]14.智慧园区可视化管理系统[url=][/url]开发环境vue2 webpack js nodejs 14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]数据可视化大屏 智慧园区可视化管理系统效果图[url=][/url]13.卫星核心产品[url=][/url]开发环境vue2 webpack js nodejs 14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]数据可视化大屏 卫星核心产品效果图[url=][/url]12.投资环境分析[url=][/url]开发环境vue2 webpack js nodejs 14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]数据可视化大屏 投资环境分析效果图[url=][/url]11.监控分析系统[url=][/url]开发环境vue2 webpack js nodejs 14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]数据可视化大屏 监控分析系统效果图[url=][/url]10.物业服务行业智慧管理平台[url=][/url]开发环境vue2 webpack js nodejs 14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]数据可视化大屏 物业服务行业智慧管理平台效果图[url=][/url]9.供水综合信息管理平台[url=][/url]开发环境vue2 webpack js nodejs 14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]数据可视化大屏 供水综合信息管理平台效果图[url=][/url]8. 固废全过程[url=][/url]开发环境vue2+webpack+js [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]项目截图[url=][/url]7.就业大数据可视化平台[url=][/url]开发环境vue2 webpack js nodejs 14 vue3 vite js nodejs 14 双版本 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]数据可视化大屏 就业大数据可视化平台效果图[url=][/url]5.智慧水务[url=][/url]开发环境vue2 webpack js nodejs 14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]数据可视化大屏 智慧水务效果图[url=][/url]4.固废全过程收集在线[url=][/url]开发环境vue2 webpack js nodejs 14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]固废全过程收集在线效果图[url=][/url]3.物流园[url=][/url]开发环境vue2 webpack js nodejs 14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]数据可视化大屏 物流园 效果图[url=][/url]2.工器具管理系统[url=][/url]开发环境vue2 webpack js nodejs 14 [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]vue2 可视化数据大屏 - 工器具管理系统 效果图[url=][/url]1.数据统计可视化大屏[url=][/url]开发环境vue3+vite+js [url=][/url]分辨率1920*1080 [url=][/url]演示地址[url=][/url]项目截图[url=][/url]更新日志[url=][/url]2023年10月02日 v1.1echarts使用版本从4.9升级到5.4
node-sass改为sass
删除组件中多余无效代码
写死的代码改为mockjs数据模拟
请求接口设置定时请求
增加旋转动画
| 
