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

Question

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

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

Answer 1

您的图表看起来几乎与此示例相同,后者使用基于深度的自定义重力.还有另一个使用自定义力吸引父节点的例子.这些都来自我关于力布局的讨论.

当然,强制布局只是一种选择 - 正如@nrabinowitz所说,还有更多的层次结构布局.您可以在我的SVG Open talk中找到更多 交互式 层次结构 示例.