我正在开发一个基于Web的应用程序，该应用程序使用D3 / SVG作为2D库来绘制表示类似于工作流或流程图的形状。它具有连接它们的节点和线，但是连接具有工作流逻辑。
其中一项要求是节点和线路能够自动布局。由于它们如何连接涉及逻辑，因此我们无法使用力图，因此我需要“自己动手”。
我想知道是否有人可以帮助我指向一些代码，这些代码详细说明了如何以“流程图”样式放置节点并在节点之间绘制线条？我一直在寻找，我所看到的不是我想要的。
我希望我的问题有意义。最终，我只需要在SVG中绘制一堆不重叠的矩形，这些矩形可以根据它们之间的连接以有意义的方式散开。我希望那里有示例代码，详细说明如何从头开始创建自动布局。
谢谢