人口传导链：从出生人口到就业市场

一个数据可视化网页，展示出生人口 → 各学段毕业生 → 就业供给市场之间的传导关系。

核心观点

每年新进入就业市场的毕业生规模，本质上由十几年前的出生人口决定：

• 出生人口是"天花板"：某一年出生多少人，决定了十几年后各学段毕业生的理论上限。
• 三道"阀门"调节流量：中考分流、高考录取、研究生扩招，把出生人口逐步过滤为不同学历层次的毕业生。
• 供需在时间轴上错配：2016 年全面二孩带来的出生小高峰（1786 万），将在 2038 年前后转化为 1445 万毕业生的就业峰值；而 2022 年后出生人口跌破千万，其就业压力要到 2040 年代才会显现。

技术栈

• Next.js 16（App Router + 静态导出 output: 'export'）
• React 19 + TypeScript
• Tailwind CSS v4（CSS 变量双主题：深色 / 浅色）
• ECharts（图表渲染，随主题联动配色）

功能板块

板块	说明
首屏 Hero	4 个关键数字 + 锚点导航
数据图表	出生 vs 毕业生双轴图、2025 分学段条形图、学历结构堆叠柱、新增就业 vs 青年失业率、毕业生中长期预测（含 2038 峰值标注）
深度分析	四节图文：天花板、三阀门、供需对比、未来展望
推算工具	输入出生年份（1990-2025），推算毕业年份与竞争烈度
数据来源	全部数据的官方出处与引用链接

本地开发

一键启动：双击项目根目录的 start.bat，会自动安装依赖（仅首次）、启动开发服务器，并在就绪后自动打开默认浏览器。

或手动执行：

npm install
npm run dev

访问 http://localhost:3000

构建与部署

npm run build

构建产物为纯静态文件（out/ 目录），可直接部署到 GitHub Pages、Vercel、Netlify 等任意静态托管平台。

目录结构

src/
├── app/            # 页面与全局样式（layout / page / globals.css）
├── components/     # 各板块组件（图表、分析、工具、来源、主题切换）
└── data/           # 数据集（datasets.ts）与来源列表（sources.ts）

数据更新说明

• 所有数据集中在 src/data/datasets.ts，按年度数组维护。
• 每条数据必须能在 src/data/sources.ts 中找到对应出处，新增数据时请同步补充来源。
• 注意口径差异：青年失业率自 2023 年 12 月起为"不含在校生"新口径（2025 年为全年 12 个月均值 16.7%）；2026 届毕业生 1270 万为教育部预计值；2038 年峰值 1445 万来自银河证券研报预测，均为标注值而非最终统计。

剩余待办

• 正式部署：目前仅本地跑通，尚未发布到 GitHub Pages 等托管平台。
• [✅] 数据核准：2025 年出生人口为年度公报初步值；青年失业率 2025 年为年均口径，待官方最终核实后回填。
• [✅ ] 推算工具精度：当前按线性插值估算，未考虑复读、留学、延期毕业等因素，结果仅供参考。
• 移动端体验打磨：图表在小屏下已可缩放，但标签密度与字号仍有优化空间。

后续开发机会

• 数据自动化更新：编写脚本定期抓取统计局 / 教育部公报，配合 CI 定时任务自动回填 datasets.ts。
• 地区维度细分：引入分省出生人口、高考报名人数，做地区间竞争烈度对比。
• 关联指标扩展：纳入考研报名、教师资格考试、公务员招录等数据，完善"传导链"的下游环节。
• 交互增强：时间轴动画播放（出生年份 → 毕业年份的传导演示）、多年份对比模式。
• 传播能力：数据图表一键导出图片 / CSV，生成分享卡片，优化 OG 元信息便于社交传播。

免责声明

本站数据均来自公开渠道（国家统计局、教育部、人社部公报及公开研报），仅供学习与研究参考，不构成任何就业或投资建议。预测数据存在不确定性，请以官方最新发布为准。