家谱网应用的家谱视图

时间:2016-05-02 10:50:00

标签: javascript jquery html css sass

我正在尝试为我的项目设计一个家谱。所以,我想知道在树中显示家庭成员的树结构的最佳方式。

3 个答案:

答案 0 :(得分:1)

结帐此链接:

Looking for a Family Tree

这是Google上的第一个链接!其中一个答案引用了这个链接,其中有一个家谱树的例子:

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

如果这不是您正在寻找的内容,我相信您可以在Google上找到很多示例。

答案 1 :(得分:0)

对于家谱,请不要使用树结构。这是家谱树结构的一些问题:

  • 树只有一个根,而家谱必须至少有两个:夫妻。
  • 使用树形结构将很难显示婚姻中的配偶/夫妻。而且,如果一个人结婚不止一次,并且每次婚姻都有后代。
  • 树形结构永远无法显示家庭成员/近亲之间的婚姻。

看看my sample here:用鼠标滚动缩放,可拖动,带有交互式工具提示。使用d3.js创建的

答案 2 :(得分:0)

SVG Family-Tree Generator处有一个免费工具,其中包括图形设计器,GEDCOM导入和可自定义的点击操作(例如,用于查看传记)。输出使用SVGH,HTML,CSS和JavaScript进行可配置的组合。