javascript - 如何使用 d3 及其强制布局构建树？

Question

我正在尝试以树的形式排列我的节点。现在，我从这里开始处理这个例子。目前，我依赖于强制导向布局，但我正在尝试对其进行修改，以便我可以获得具有预定数量级别的树，即如果一个节点属于特定的“层”，它应该属于与其他节点相同的区域层。

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

Answer 1

您的图表看起来几乎与此示例相同，该示例使用基于深度的自定义重力。还有另一个使用自定义力吸引父节点的示例。这些都来自我关于部队布局的演讲。

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