互动式美国历史人物时间线可视化，涵盖从1760年独立革命到1975年冷战时期的完整历史。

基于 D3.js + GSAP 构建的电影级暗色主题时间线，支持：

• 7个章节：独立革命、建国初期、西进运动、内战风云、镀金时代、两次世界大战、冷战与民权
• 14位关键人物：华盛顿、杰斐逊、富兰克林、汉密尔顿、杰克逊、林肯、格兰特、李将军、爱迪生、西奥多·罗斯福、富兰克林·罗斯福、艾森豪威尔、肯尼迪、马丁·路德·金
• 25个重大事件：每个事件含背景/经过/结果叙事 + 戏剧化对话场景
• 人物传记模式：聚焦单一人物的生平时间线
• 章节筛选：按历史阶段浏览
• 缩放与平移：自由探索时间线

• Vite - 构建工具
• D3.js - SVG 时间线渲染
• GSAP - 动画
• Marked - Markdown 解析
• Vanilla JavaScript - 无框架依赖

npm install
npm run dev

浏览器打开 http://localhost:5173 即可体验。

npm run build
npm run preview

data/
  timeline.json          # 主配置（时代、章节、角色、事件索引）
  characters/*.json      # 14个人物数据
  events/*.json          # 25个事件元数据
  events/*.md            # 25个事件叙事（背景/经过/结果 + 场景对话）
src/
  main.js               # 入口
  core/                  # 时间线引擎、路由、小地图
  ui/                    # UI组件（章节栏、人物卡、事件面板等）
  data/                  # 数据加载与Markdown解析
  styles/                # 样式
  utils/                 # 工具函数与动画

• 点击人物头像 → 查看人物卡片
• 点击事件节点 → 查看事件详情
• 点击场景卡片 → 进入对话场景
• 按 R 键 → 重置缩放
• 按 Esc 键 → 关闭面板
• 鼠标滚轮 → 缩放
• 拖拽 → 平移

MIT