如何使用d3及其力布局构建树?

时间:2012-03-15 00:45:18

标签: javascript algorithm graph d3.js force-layout

我正在尝试以树的形式安排我的节点。现在,我正在从here开始研究这个例子。目前,我依靠强制定向布局,但我试图修改它,以便我可以获得具有预定数量级别的树,即如果一个节点属于特定“层”,它应该属于与其他节点相同的区域。层。

我试图在下面的图片中解释更多,但是有人对此有任何建议吗? d3内是否有任何预先确定的算法可以做到这一点,或者可以通过调整来实现这一目标?

enter image description here

1 个答案:

答案 0 :(得分:10)

您的图表与this example几乎完全相同,another example使用基于深度的自定义重力。有my talk使用自定义力吸引父节点。这些都来自hierarchy layouts强制布局。

当然,强制布局只是一种选择 - 正如@nrabinowitz所说,还有更多more。您可以在我的SVG公开演讲中找到interactive hierarchy examples {{3}}。