使用 d3 自动布局的图形（具有多个父节点的树）答案

【问题标题】：Graph with auto layout using d3 (a tree with multiple parent nodes)使用 d3 自动布局的图形（具有多个父节点的树）
【发布时间】：2023-03-22 17:07:01
【问题描述】：

如何使用 d3 绘制具有自动布局、多对多且线条不与框交叉的图形？

我想这是对我需要的最好的描述（类似于树，但有多个父母）：

【问题讨论】：

【解决方案1】：

Dagre-d3 是我发现的最佳解决方案：

【讨论】：

【解决方案2】：

对于遇到此问题的其他人，这是另一种可能的解决方案：（请参阅“具有向下指向边的有向图”示例）

它也可以插入到 d3.js 中并用于代替强制布局。

【讨论】：

【解决方案3】：

为了尽量减少线交叉，您可能需要分层的有向图布局。只需在谷歌上搜索该短语即可。

【讨论】：