Javascript库 - 家谱流程图

Question

我正在寻找一个简单的Javascript库(svg？),它允许我绘制一个家谱关系.

我在谷歌搜索了很多,发现了许多有趣的图书馆,如Raphaël及其扩展Dracula.谷歌也有自己的库来制作流程图.

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

我需要的是从A到B的线(我们称之为AB)和从AB到C的线来表示A和B的结合.

例如,图像

谢谢.

Answer 1

我找到了3种方法可以达到你的要求：

1. 巴尔干图

参考链接： https: //balkangraph.com/OrgChartJS/Demos/RoyalFamilyTree

2. dTree（基于D3）

演示：https://treehouse.gartner.io/ErikGartner/58e58be650453b6d49d7

参考链接： https: //github.com/ErikGartner/dTree

3. GoJS 家系图

参考链接： https: //gojs.net/latest/samples/genogram.html

Answer 2

我也有同样的问题。这是我发现的：

• http://astuteo.com/slickmap/

您还有其他解决方案吗？