D3.js-有向无环图：如何重新排列节点和边缘以避免边缘相交

Question

我必须创建具有互连的节点和边缘。我同样使用d3 js。现在的问题是这些图看起来太乱了。我尝试使用二次贝塞尔曲线来绘制节点之间的边缘。我希望如果按一个按钮，它应该重新排列为简化视图。

我碰巧看到了metacademy，它们是一个开源项目。哪些具有我要寻找的确切功能。 https://metacademy.org/graphs/edit/new，您需要登录。但是无法找到正在执行相同操作的代码部分。

最初创建的图形

按下刷新按钮后

我对d3js来说还很陌生，因此我将非常感谢您的帮助/建议。