我正在尝试使用d3.js绘制有向无环图。在搜索布局时,我遇到了Dagre,但似乎用处不大,因为我不想在任何地方使用基于DOT的代码。如果有人知道用于此的纯Javascript解决方案或DAG的插件/自定义布局,请告诉我。提前致谢。

最佳答案

Dagre作者在这里。 Dagre不包含任何graphviz代码-它是纯JavaScript。它基于类似的布局技术。两者都是基于杉山纸业的技术。

您可以在此处找到dagre的一些示例:

http://cpettitt.github.io/project/dagre-d3/latest/demo/interactive-demo.html
http://cpettitt.github.io/project/dagre-d3/latest/demo/sentence-tokenization.html
http://cpettitt.github.io/project/dagre-d3/latest/demo/tcp-state-diagram.html

缩小的源代码可以在这里找到:http://cpettitt.github.io/project/dagre-d3/latest/dagre-d3.min.js。时钟大约为44K。

09-25 19:44