D3.js -有向非循环图:如何重新排列节点和边以避免边相交

envsm3lx  于 2022-12-29  发布在  其他
关注(0)|答案(1)|浏览(168)

我必须创建节点和边,有互连。我使用d3 js相同。现在的问题是,图形看起来很混乱。我尝试使用二次贝塞尔曲线绘制节点之间的边。我希望如果按下一个按钮,它应该重新排列成简化视图。x1c 0d1x
我碰巧看了metacademy,他们是一个开源项目。其中有确切的功能,我正在寻找。https://metacademy.org/graphs/edit/new,你需要登录。但无法找到他们的代码部分,这是做同样的事情。

最初创建的图表

按刷新按钮后

我是相当新的d3 js,所以我将感谢任何帮助/建议。

bis0qfac

bis0qfac1#

我知道这是一个很老的问题,但FWIW,我设计了你所指的图表。
对图进行组织以最小化边交叉是一个活跃的研究领域,对于metacademy,我集成了d3.js + dagre https://github.com/dagrejs/dagre

相关问题