项目►前端/可视化

Visualization · 项目介绍

Visualization

本页由项目自动归档生成，源码与最新进展以 GitHub 仓库为准。

项目简介

Visualization 是围绕《中国统计年鉴》数据的可视化项目集，提供两类能力：一是基于 1949–2022 年 31 省面板数据的历史趋势与省份对比分析；二是 2023 与 2024 双年数据的分类对比。可视化应用（china-stats-viz/）使用 React + Vite 构建，配合各年度原始数据目录与行政区划分数据。

技术栈

维度 技术
主要语言/框架 React 19 + Vite 7（可视化应用 china-stats-viz/）
关键依赖/库 Ant Design 5、Recharts 3、@ant-design/charts、XLSX（SheetJS）、node-xlsx
数据存储 本地 Excel / CSV 经脚本转为 JSON（scripts/）；年份原始数据存放于 2021中文/–2024中文/
运行/部署方式 cd china-stats-viz && npm install && npm run dev（默认 http://localhost:5174/）；npm run extract-json 抽取 Excel，npm run generate-registry 生成数据清单

核心功能 / 亮点

  • 历史趋势图：单省某指标 1949–2022 折线 + 增长率/平均值统计卡（数据源 【数据年份1949-2022】中国统计年鉴31省面板数据...xlsx）。
  • 省份对比柱状图：32 省最新年份横向对比并自动排序。
  • 多省趋势对比：多选省份同图对比（默认京沪粤浙苏）。
  • 占比饼图：各省最新年份占比。
  • 双年对比（2023 vs 2024）：4 个标签页（概览/柱状对比/增长率分析/详细数据），覆盖 24 个统计分类、379（2023）+ 374（2024）个数据文件。
  • 全国行政区划可视化：全国行政区划可视化.html 配合 全国行政区划2023.csv 独立渲染行政区划。
  • 数据工程：china-stats-viz/scripts/ 将年鉴 Excel 清洗为可渲染的 JSON 面板与文件清单。
  • 文档体系：ARCHITECTURE.md、IMPLEMENTATION_SUMMARY.md、QUICK_START.md、USAGE.md、TROUBLESHOOTING.md。

目录结构

1
2
3
4
5
6
7
8
9
10
11
12
Visualization/
├── china-stats-viz/                # 可视化应用（React + Vite，含 src/ scripts/ public/ 与 README）
├── 2021中文/ ~ 2024中文/           # 各年度统计年鉴原始数据（按分类目录）
├── 【数据年份1949-2022】...0308.xlsx # 历史面板数据（31 省 1949–2022）
├── 全国行政区划2023.csv            # 行政区划数据
├── 全国行政区划可视化.html          # 行政区划独立可视化
├── ARCHITECTURE.md                 # 系统架构
├── IMPLEMENTATION_SUMMARY.md       # 实现总结
├── QUICK_START.md                  # 快速开始
├── USAGE.md                        # 详细使用
├── TROUBLESHOOTING.md              # 故障排查
└── README.md                       # 项目集总览

相关链接