d3js树形图方块

Question

45

我希望使用d3.js构建族谱树。

我找到的所有示例都展示有机树。

enter image description here

是否有任何使用家谱样式的示例？

enter image description here

- gpasse

2个回答

18

最近我创建了一些使用D3绘制家谱的示例，这些示例采用了大多数软件的风格。其中包括展开和折叠、过渡效果以及显示后代和祖先的示例。

enter image description here

- user879121

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- mbostock · Accepted Answer

您可以使用 cluster 或 tree 布局来实现这一点。并使用自定义路径生成器来绘制连接节点的正交线条，例如在这个弯曲树状图中所示。我想我当时感到很有灵感，所以尝试了一下：