是否有人知道 GraphViz 能够生成的定向流程图的纯基于 Javascript 的实现？我对漂亮的视觉输出不感兴趣，但计算每个节点的最大深度的计算，以及优化的贝塞尔线布局，以在处理图形而不是树时最小化相交边的数量的信息。我想在浏览器中运行这段代码；我知道我可以轻松地将 Graphviz 作为扩展嵌入到我的 Node 服务器中，甚至可以将 popen() 它嵌入到 .dot 格式的图形信息中。
作为参考，这里是一个典型的 GraphViz 输出。请注意元素是如何堆叠和间隔开的，以允许连接线在节点之间行进，而不会相交（非常频繁）或穿过节点。
【问题讨论】：
标签： javascript graphviz
看看这个 .dot 画布渲染器的纯 JavaScript 实现：
这个库没有文档记录——作者肯定应该更多地宣传和记录它（我会联系他，建议他至少把它放在 github 上）。
更新：代码已推送到github： https://github.com/gyuque/livizjs
更新 (14/2/2013)：又一个竞争者出现了！任何对该主题感兴趣的人都应该看看 Viz.js 的 example page 和 github repo。
更新（2020 年 7 月 16 日）：（七年后）http://webgraphviz.com/ 也很棒！ :-)
【讨论】：
找了好久终于找到了答案。
解决方案是有人使用 llvm + emscripten 将 Graphviz 交叉编译为 Javascript。这是链接：
来源可以在以下位置找到： https://github.com/mdaines/viz.js
并简单地使用网页：
var graphviz_text = ...;
document.body.innerHTML += Viz(graphviz_text, "svg");
【讨论】：
查看所有选项后，我发现基于 jsviz 和 graphviz.js 的 viz.js (https://github.com/mdaines/viz.js/) 实际上有一个可从网页使用的 API，并且有足够的示例可以理解。
【讨论】：
可以尝试将 graphviz 转换为 javascript，就像在“PDF 阅读器”示例中所做的那样： https://github.com/kripken/emscripten
【讨论】：
这不是一个现成的 graphviz 替代品，但 d3.js 是一个库，可以根据给定的数据进行各种布局，并且是实现 graphviz 的绝佳平台。
这里是 an example of force-directed layouts，这是 graphviz 的一种形式。
这里是a speech about layouts 和非常棒的interactive slides。
了解项目，tutorials 非常好。
【讨论】：
这是使用 Emscripten 完成的 Graphviz 到 Javascript 的交叉编译
【讨论】：