Question

我正在寻找一个简单的Javascript库（svg？），它允许我绘制一个家谱关系。

我在google上搜索了很多很多有趣的图书馆，比如Raphaël和它的扩展Dracula。谷歌也有自己的库来制作流程图。

不幸的是，每个库都在一个带有sigle线的节点之间建立关系。如果A和B与C有关系，我将获得2行：一行从A到C，一行从B到C.

我需要的是一条从A到B的线（我们称之为AB）和一条从AB到C的线来表示A和B的结婚。

example-image

感谢。

Answer 1

我遇到了同样的问题。这是我发现的：

http://astuteo.com/slickmap/

您还有其他解决方案吗？

Answer 2

我定制了一个Graphviz点文件来生成这样的输出。目前，我正在使用Ruby脚本从.gedcom文件生成此脚本。

这里的.dot内容，带有数字的节点只是点，并以正确的方式流过边缘。

digraph G {
  graph [nodesep=0.2,splines=ortho,ranksep=0.05]
  node [shape=box,fontname=Helvetica,fontsize=8;color="green",fixedsize=true,width=1,height=0.5,style=filled]
  Grandfather [color="lightblue"]
  Grandmother [color="pink"]
  StephGrandmother [color="pink"]
  Father [color="lightblue"]
  Mother [color="pink"]
  Uncle [color="lightblue"]
  Laurent [color="lightblue"]
  Child2 [color="lightblue"]
  Child3, Child4 [color="pink"]
  node[label="", width=0, height=0];
  edge[arrowhead=none, color=blue];
  {rank=same;StephGrandmother;Grandfather;Grandmother;Grandfather1}
  {rank=same;Father;Father1;Mother;Uncle}
  {rank=same;Laurent;Child2;Child3,Child4}
  {rank=same;Father2;Father3}
  StephGrandmother:e -> Grandfather:w
  Grandfather:e -> Grandfather1
  Grandfather1 -> Grandmother:w
  Grandfather1 -> Grandfather2
  Grandfather2 -> Father:n 
  Grandfather2 -> Uncle:n
  Father:e -> Father1
  Father1 -> Mother:w
  Father1 -> Father2
  Father2:w -> Laurent:n 
  Father2:w -> Child2:n
  Father2 -> Father3
  Father3:e -> Child3:n
  Father3:e -> Child4:n
}