老于家家谱

—— 于氏宗族世系图谱 ——
新增人口会同步进入信息列表、世系关系和圆形分支图;原谱位置需另行核准。
序号 世系 姓名 配偶 父辈 排行 谱号(human)
中心为选中成员,外圈为子女,最外层为孙辈
复原全幅
点击左侧成员,右侧原谱将同步定位。
世系关系
六至十三世:原谱影像定位 十四至十七世:数字续谱排位

📐 三套编码体系

编码1: legacy(原始谱号)

子辈ID = 父辈ID + 排行数(男1起,女6起)

例如:于在渊 13 → 父于正心1 + 排行3

编码2: human(人类可读)

{世代}-{序号}{性别}

例如:14-064M → 十四世,谱号064,男

序号为全局唯一编号,简洁好记,适合日常引用

编码3: machine(机器编码)

{世代2位}{序号4位}{校验1位}{排行2位}{性别1位} = 10位定长

例如:1400645017 → 14世,0064号,校验5,排行01,男(7)

定长、含校验位、绝对唯一,适合数据库主键

🔧 重构说明

原始项目Markdown 表格 + 静态图片(作业部落页面)
重构版本纯前端 SPA(HTML + CSS + JavaScript,零依赖)
新增功能交互式族谱树、搜索/筛选/排序、Canvas圆形分支图、详情弹窗
编码优化从单一legacy编码扩展为三套编码(legacy/human/machine)
数据来源作业部落 - 老于家家谱

📊 数据统计

💡 技术亮点

三套编码:legacy(兼容) + human(人读) + machine(机读),各司其职

递归树渲染:利用编码层级关系,递归构建可视化族谱树

智能折叠:支持按分支折叠/展开,大型族谱也能轻松浏览

Canvas圆形图:动态绘制,支持切换根节点

全客户端运行:零依赖,双击 index.html 即可使用

原始项目创建于 2017-01-08 · 重构于 2026-07-25