# BigDataView-Html5 **Repository Path**: kieranhoward/big-data-view-html5 ## Basic Information - **Project Name**: BigDataView-Html5 - **Description**: 适用于大数据展示的html模板（多套风格） - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2026-08-13 - **Last Updated**: 2026-08-13 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README

⚡ BigDataView · 大数据可视化模板库

117 套开箱即用的数据可视化「大屏」静态模板
政务 · 医疗 · 物流 · 安防 · 能源 · 交通 · 农业 · 教育 · 金融

--- ## 📌 简介 `BigDataView` 是一个面向 **数据可视化大屏（Data Visualization Dashboard）** 的纯静态模板集合。仓库内置 **117 套** 独立 HTML 模板，覆盖政务监管、疫情防控、物流看板、智慧社区、能源监测、交通管控、金融风控等多种业务场景，可直接用于 BI 看板原型设计、项目演示与二次开发。 > 所有模板均为**零构建、纯前端**实现，无需安装依赖、无需编译，浏览器即可渲染。 --- ## 🚀 快速开始 ### 方式一 · 直接打开进入任意模板目录，双击 `index.html` 即可预览： ```text web/001 政务服务大数据可视化监管平台/index.html ``` > ⚠️ 部分模板通过 `XMLHttpRequest` 读取本地 `*.json` 资源，用 `file://` 协议直接打开会被浏览器跨域策略拦截。建议采用方式二。 ### 方式二 · 本地静态服务器（推荐） ```bash # 进入仓库根目录 cd big-data-view-master # 启动静态服务器（Python 3 自带） python -m http.server 8000 ``` 随后在浏览器访问（注意目录名含空格需 URL 编码为 `%20`）： ``` http://localhost:8000/web/001%20政务服务大数据可视化监管平台/ ``` 或使用 Node 方案： ```bash npx serve web ``` --- ## 🧩 技术栈 | 层级 | 技术 | 说明 | |------|------|------| | 可视化引擎 | **Apache ECharts 4.2.1** | 图表核心，由第三方 CDN 加载 | | 基础库 | **jQuery 1.10.2** | DOM 操作与动画 | | 特效 | `particles.js` | 粒子背景 | | 特效 | `jcarousellite` | 列表滚动 | | 特效 | `digitalScroll` | 数字滚动动画 | | 样式 | 原生 CSS（`reset.css` + `index.css`） | 无 CSS 框架 | | 形态 | 纯静态 HTML5 / CSS3 / JavaScript | 无框架、无构建 | > 🔧 **二次开发**：模板数据多硬编码于 `js/app.js`（ECharts `option` 配置），修改该文件即可替换图表类型与数据；样式调整集中于 `css/`。 --- ## 📂 目录结构 ```text big-data-view-master/ ├── web/ # 117 套模板，每套一个独立目录 │ └── 00X 名称/ │ ├── index.html # 入口页面 │ ├── css/ # 样式文件 │ ├── js/ # 脚本（含 ECharts 配置 app.js） │ └── images/ # 图片 / 字体资源 ├── gif/ # 各模板动图预览（117 个） ├── preview/ # 截图与说明图 ├── LICENSE # MIT └── README.md ``` > 📦 仓库体积约 **1.2 GB**（主要为 `web/` 与 `gif/` 中的二进制资源）。 --- ## 🗂 模板目录（117 套）

点击展开 / 收起完整清单

| # | 模板名称 | 本地路径 | |---|----------|----------| | 001 | 政务服务大数据可视化监管平台 | `web/001 政务服务大数据可视化监管平台/` | | 002 | 水质情况实时监测预警系统 | `web/002 水质情况实时监测预警系统/` | | 003 | 酷炫智能大屏数据中心 | `web/003 酷炫智能大屏数据中心/` | | 004 | 政务大数据共享交换平台 | `web/004 政务大数据共享交换平台/` | | 005 | 可视化监控管理 | `web/005 可视化监控管理/` | | 006 | 全国疫情实时监控 | `web/006 全国疫情实时监控/` | | 007 | 惠民服务平台 | `web/007 惠民服务平台/` | | 008 | 兰州智慧消防大数据平台 | `web/008 兰州智慧消防大数据平台/` | | 009 | 某公司大数据监控平台 | `web/009 某公司大数据监控平台/` | | 010 | 双数智慧公卫-传染病督导平台 | `web/010 双数智慧公卫-传染病督导平台/` | | 011 | 大数据可视化系统数据分析通用模版 | `web/011 大数据可视化系统数据分析通用模版/` | | 012 | 某公司大数据展示模版 | `web/012 某公司大数据展示模版/` | | 013 | 某公司大数据展示模版 | `web/013 某公司大数据展示模版/` | | 014 | 时实客流量监控中心 | `web/014 时实客流量监控中心/` | | 015 | 广西矿产资源大数据监管平台 | `web/015 广西矿产资源大数据监管平台/` | | 016 | 广西矿产资源大数据监管平台 | `web/016 广西矿产资源大数据监管平台/` | | 017 | 大数据可视化通用素材 | `web/017 大数据可视化通用素材/` | | 018 | 大数据可视化系统数据分析通用模版 | `web/018 大数据可视化系统数据分析通用模版/` | | 019 | 大数据可视化系统数据分析通用模版 | `web/019 大数据可视化系统数据分析通用模版/` | | 020 | 大数据通用模版大标题样式 | `web/020 大数据通用模版大标题样式/` | | 021 | 大数据通用模版 | `web/021 大数据通用模版/` | | 022 | 全息档案平台中心 | `web/022 全息档案平台中心/` | | 023 | 医院大数据展示 | `web/023 医院大数据展示/` | | 024 | 智慧社区内网比对平台 | `web/024 智慧社区内网比对平台/` | | 025 | 大数据可视化展板通用模板 | `web/025 大数据可视化展板通用模板/` | | 026 | 设备环境监测平台 | `web/026 设备环境监测平台/` | | 027 | 全国消费者情况看板 | `web/027 全国消费者情况看板/` | | 028 | 移动能耗管理平台 | `web/028 移动能耗管理平台/` | | 029 | 南方软件视频平台大屏中心 | `web/029 南方软件视频平台大屏中心/` | | 030 | 全国图书零售检测中心 | `web/030 全国图书零售检测中心/` | | 031 | 数据可视化大屏展示系统 | `web/031 数据可视化大屏展示系统/` | | 032 | 物流云数据看板平台 | `web/032 物流云数据看板平台/` | | 033 | 数据可视化页面设计 | `web/033 数据可视化页面设计/` | | 034 | 晋城高速综合管控大数据 | `web/034 晋城高速综合管控大数据/` | | 035 | 视频监控前后台通用模板 | `web/035 视频监控前后台通用模板/` | | 036 | 门店销售监控平台 | `web/036 门店销售监控平台/` | | 037 | 建筑智慧工地管控 | `web/037 建筑智慧工地管控/` | | 038 | 无线网络大数据平台 | `web/038 无线网络大数据平台/` | | 039 | 湖南省大数据可视化平台 | `web/039 湖南省大数据可视化平台/` | | 040 | Echart 图例使用 | `web/040 Echart图例使用/` | | 041 | 智慧物流服务中心 | `web/041 智慧物流服务中心/` | | 042 | 大数据分析系统 | `web/042 大数据分析系统/` | | 043 | 网络当天实时发稿量 | `web/043 网络当天实时发稿量/` | | 044 | 车联网平台数据概览 | `web/044 车联网平台数据概览/` | | 045 | 信用风险定位系统(银行版) | `web/045 信用风险定位系统(银行版)/` | | 046 | 作战指挥室 | `web/046 作战指挥室/` | | 047 | 公司名称大数据可视化平台 | `web/047 公司名称大数据可视化平台/` | | 048 | 大数据可视化展板通用模板 | `web/048 大数据可视化展板通用模板/` | | 049 | 工厂信息监控台 | `web/049 工厂信息监控台/` | | 050 | 大数据可视化展示平台通用模板 | `web/050 大数据可视化展示平台通用模板/` | | 051 | 通用大数据可视化展示平台模板 | `web/051 通用大数据可视化展示平台模板/` | | 052 | 智慧社区内网比对平台 | `web/052 智慧社区内网比对平台/` | | 053 | 通用大数据可视化展示平台模板 | `web/053 通用大数据可视化展示平台模板/` | | 054 | 公安大数据监控平台 | `web/054 公安大数据监控平台2/` | | 055 | 物流大数据服务平台 | `web/055 物流大数据服务平台/` | | 056 | 大数据统计展示大屏 | `web/056 大数据统计展示大屏/` | | 057 | 大屏数据统计 | `web/057 大屏数据统计/` | | 058 | 大屏数据智慧中心统计 | `web/058 大屏数据智慧中心统计/` | | 059 | 物联网平台数据统计 | `web/059 物联网平台数据统计/` | | 060 | 广西电子商务公共服务平台大数据中心 | `web/060 广西电子商务公共服务平台大数据中心/` | | 061 | 智慧小区大数据分析 | `web/061 智慧小区大数据分析/` | | 062 | 数据概览演示案例 | `web/062 数据概览演示案例/` | | 063 | 商品运营大数据 | `web/063 商品运营大数据/` | | 064 | 设备环境监测平台 | `web/064 设备环境监测平台/` | | 065 | 游戏可视化大数据用户案例 | `web/065 游戏可视化大数据用户案例/` | | 066 | 系统架构可视化监控 | `web/066 系统架构可视化监控/` | | 067 | xx区智慧旅游综合服务平台 | `web/067 xx区智慧旅游综合服务平台/` | | 068 | 中国电信厅店营业效能分析 | `web/068 中国电信厅店营业效能分析/` | | 069 | 智能看板新中心 | `web/069 智能看板新中心/` | | 070 | 翼兴消防监控 | `web/070 翼兴消防监控/` | | 071 | 市突发预警平台实时监控 | `web/071 市突发预警平台实时监控/` | | 072 | 大连市突发预警实时监控 | `web/072 大连市突发预警实时监控/` | | 073 | 观测站综合监控平台 | `web/073 观测站综合监控平台/` | | 074 | 酒机运行状态 | `web/074 酒机运行状态/` | | 075 | 数据可视化展示 | `web/075 数据可视化展示/` | | 076 | 交管大数据人脸识别系统 | `web/076 交管大数据人脸识别系统/` | | 078 | 河长制大数据显示平台 | `web/078 河长制大数据显示平台/` | | 079 | 保税区A仓监控中心 | `web/079 保税区A仓监控中心/` | | 080 | 北斗车联网大数据平台 | `web/080 北斗车联网大数据平台/` | | 081 | 北京市执法信息平台 | `web/081 北京市执法信息平台/` | | 082 | 南方草木商品交易[超级大屏] | `web/082 南方草木商品交易[超级大屏]/` | | 083 | 兴福公安综合监管大屏 | `web/083 兴福公安综合监管大屏/` | | 084 | 压力容器大屏 | `web/084 压力容器大屏/` | | 085 | 车辆综合管控平台 | `web/085 车辆综合管控平台/` | | 086 | 物流大数据展示系统 | `web/086 物流大数据展示系统/` | | 087 | 农业产业大数据指挥仓系统 | `web/087 农业产业大数据指挥仓系统/` | | 088 | HTML大数据综合分析平台模板 | `web/088 HTML大数据综合分析平台模板/` | | 089 | 警务综合监控管理平台HTML模板 | `web/089 警务综合监控管理平台HTML模板/` | | 090 | 企业营收大数据统计可视化大屏 | `web/090 企业营收大数据统计可视化大屏/` | | 091 | ECharts扩展示例自定义视图 | `web/091 ECharts扩展示例自定义视图/` | | 092 | 酷炫大屏数据可视化模板 | `web/092 酷炫大屏数据可视化模板/` | | 093 | 办税渠道运行状态大数据监控平台 | `web/093 办税渠道运行状态大数据监控平台/` | | 094 | 大数据统计展示大屏 | `web/094 大数据统计展示大屏/` | | 095 | 交通大数据展示平台 | `web/095 交通大数据展示平台/` | | 096 | 智慧农业大数据展示 | `web/096 智慧农业大数据展示/` | | 097 | 程序员数据可视化大屏展示 | `web/097 程序员数据可视化大屏展示/` | | 098 | 销售大数据分析 | `web/098 销售大数据分析/` | | 099 | 英雄联盟LPL比赛数据可视化 | `web/099 英雄联盟LPL比赛数据可视化/` | | 100 | 新型冠状肺炎实时监测大屏 | `web/100 新型冠状肺炎实时监测大屏/` | | 101 | 校情数据综合分析平台 | `web/101 校情数据综合分析平台/` | | 102 | 人口增长对经济影响可视化分析 | `web/102 人口增长对经济影响可视化分析/` | | 103 | 人口增长对医疗影响可视化分析 | `web/103 人口增长对医疗影响可视化分析/` | | 104 | 人口增长对社会影响可视化分析 | `web/104 人口增长对社会影响可视化分析/` | | 105 | 人口增长对国家发展可视化分析 | `web/105 人口增长对国家发展可视化分析/` | | 106 | 黄山茶园大数据平台指挥舱 | `web/106 黄山茶园大数据平台指挥舱/` | | 107 | 上海XX大学迎新实时大数据看板 | `web/107 上海XX大学迎新实时大数据看板/` | | 108 | 银行数据可视化 | `web/108 银行数据可视化/` | | 109 | 嘉定区区办税监控平台 | `web/109 嘉定区区办税监控平台/` | | 110 | 崇明观测站 | `web/110 崇明观测站/` | | 111 | 智慧消防大屏 | `web/111 智慧消防大屏/` | | 112 | 茶叶种植大数据溯源平台 | `web/112 茶叶种植大数据溯源平台/` | | 113 | 白茶种植大数据溯源平台 | `web/113 白茶种植大数据溯源平台/` | | 114 | HELLO共享单车运营管理平台 | `web/114 HELLO共享单车运营管理平台/` | | 115 | 新能源汽车数量统计大屏 | `web/115 新能源汽车数量统计大屏/` | | 116 | 学生综合成绩评价系统大屏 | `web/116 学生综合成绩评价系统大屏/` | | 117 | 上海市图书馆大屏看板 | `web/117 上海市图书馆大屏看板/` | | 118 | 旅游智慧中心 | `web/118 旅游智慧中心/` |

--- ## ⚠️ 注意事项 / 已知问题 - **外部 CDN 依赖**：jQuery 与 ECharts 经 `jq22.com` 远程加载，离线或该 CDN 不可用时模板无法渲染，建议将依赖本地化后再用于生产。 - **本地服务器**：含 `particles.json` 等本地资源读取的模板需在 HTTP 环境下运行（见「快速开始」）。 - **技术版本较旧**：jQuery 1.10.2 / ECharts 4.2.1 均非当前版本，存在兼容性与安全更新缺口。 - **模板同质化**：部分模板为通用模版重复（如 011/018/019/021、048/050/051/053），选用时建议先预览比对。 - **授权说明**：仓库以 MIT 协议发布，但模板素材来源复杂，**用于商业项目前请自行核实素材版权**。 --- ## 📄 License [MIT](./LICENSE)