家谱web应用程序的“家谱”视图

Family Tree view for family tree web application

本文关键字：家谱 视图 web 应用程序      更新时间：2023-09-26

我正在为我的项目设计一个家谱。因此，我想知道在树中显示家庭成员的树结构的最佳方式。

检查此链接：

寻找家谱

这是谷歌上的第一个链接！其中一个答案引用了这个链接，其中有一个家谱的例子：

http://gojs.net/latest/samples/orgChartEditor.html

如果这不是你想要的，我相信你可以在谷歌上找到很多例子。

对于家谱，不要使用树结构。以下是家谱树结构的一些问题：

  • 树只有一个根，而家谱必须至少有两个：丈夫；妻子
  • 使用树形结构将很难在婚姻中展示人们的配偶/伴侣。如果一个人结过不止一次婚，并且每一次婚姻都有后代，那就更糟了
  • 树形结构永远不能显示家庭成员之间的婚姻/乱伦

看看我的示例：使用鼠标滚动缩放，可拖动，并带有交互式工具提示。使用d3.js 创建

SVG Family Tree Generator提供了一个免费工具，其中包括图形设计器、GEDCOM导入和可自定义的单击操作（例如，用于查看传记）。输出以可配置的组合使用SVGH、HTML、CSS和JavaScript。

我建议：

  • 家谱(https://ccge-boadicea.github.io/pedigreejs/)
  • dTree(https://github.com/ErikGartner/dTree)
  • （也许）Tree.js(https://fperucic.github.io/treant-js/)
相关文章：