交互总表
点击姓名打开关系图 · 点姓名外空白定位并缩放其生卒年
人物总表
点击表头排序 · 点「简介」列查看人物简介 · 点姓名外任意处定位其生卒年
项目说明文档
历代人物生卒年表 · 说明
版本:HistoryVusualv3.0
类型:纯前端静态网页(无后端、无数据库、无需构建)
适用场景:历史人物生卒年跨度的可视化、关系网络探索、可交互时间轴查阅
最近更新
- 表高提升:交互总表与人物总表可视高度上调,同屏可见人物条目增多。
- 人物简介:总表新增「简介」列,点该列弹出人物名片弹窗(可一键跳转关系图)。
- 总表行定位:点姓名以外单元格 → 时间轴居中缩放该人生卒年并高亮联动;再点同一行取消。
- 交互总表:时间轴卡片命名「交互总表」;点姓名栏空白处 → 定位并缩放其生卒色块。
- 数据扩编:身份拆分「重臣 / 名士」,新增周·秦·三国,人物 369→432、关系 240→306。
- 数据修正:商鞅(秦→周)、曹操谥号(魏武王→魏武帝)。
- 新增人物类型【大匠】:科学家/数学家/天文学家/建筑师等技术工种;划拨 17 位现有技术名人并新增 20 位,共 37 位大匠,总人物 432 → 452;新增身份筛选「大匠」与图例。
- 朝代拆分与扩充:魏晋南北朝拆分为「晋」与「南北朝」,曹魏(嵇康、阮籍)并入三国;新增「辽」「金」两朝并补入对应人物,朝代 12 → 15、人物 452 → 466、关系 306 → 320。
文件与约束
index.html / styles.css / app.js(时间轴+筛选+总表)/ rel.js(关系图)/ data/{meta,people,relations}.js。
- 数据用 JS 模块挂
window(兼容 file://,不用 JSON)。
- 关系图保持单实例 modal;部署时删
_build_relations.js 等开发脚本,只留 7 个运行文件。