EpiInsight 疫情数据可视化大屏

基于 Vue 3 + Three.js 的全球疫情数据可视化平台

致谢：本项目基于 xi1213 的开源项目二次开发，感谢原作者的贡献。

项目简介

EpiInsight 是一个疫情数据可视化大屏应用，通过 3D 地球、交互式图表和地图等多种可视化形式，全方位展示全球及国内疫情数据。支持数据下钻、自动定位、报告导出等功能。

功能特性

• 3D 疫情地球 — Three.js 构建的交互式地球，鼠标悬停查看各国数据，支持三种球体样式（粒子/白昼/黑夜）
• 全球数据总览 — 累计确诊 Top 50 国家排名，全球实时数据，支持导出 Excel
• 国内数据下钻 — 省级 → 市级数据逐层下钻，中高风险地区列表
• 图表分析 — 中国地图疫情分布、历史趋势折线图、多维度 Top 10 排名
• 省内分析 — 省级数据概览、城市柱状图、省内历史趋势
• 自动定位 — 识别用户所在地，生成本地疫情报告
• 报告导出 — 一键生成并下载 Word 格式疫情报告
• 自定义主题 — 3 套预设主题 + 自定义配色
• 大屏自适应 — 响应式布局，适配不同屏幕尺寸

技术栈

类别	技术
前端框架	Vue 3 + TypeScript + Vue Router
3D 渲染	Three.js + three.meshline
数据可视化	ECharts
UI 组件	Element Plus + DataV 大屏组件
动画	GSAP
报告生成	docxtemplater + PizZip + file-saver
表格导出	xlsx
网络请求	Axios
样式	SASS

快速开始

# 安装依赖
npm install

# 修改 dataV 兼容 Vue 3（参考）
# https://blog.csdn.net/xi1213/article/details/127697760

# 开发模式
npm run serve

# 构建生产版本
npm run build

预览截图

3D 疫情地球	主题切换

国内图表分析	省内分析

License

MulanPSL-2.0