是否有用于 Dot 语言文件可视化的 jQuery 插件？

Question

是否有一个 jQuery 插件用于在浏览器中显示Dot files 指定的here？

我在Visual Politics 看到了一个概念证明，但它似乎并不完全支持 Dot 语言，甚至无法正确显示。

我可以看看那里的任何图书馆吗？

我需要在浏览器中从通过 Ajax 加载的点文件（而不是服务器端生成的 PNG）实现网络图

Answer 1

查看 Canviz：http://code.google.com/p/canviz/

演示位于：http://www.ryandesign.com/canviz/

Answer 2

在寻找相同答案时，我发现“viz.js”为 DOT 提供了 GraphViz 的 java 脚本版本（请参阅 https://github.com/mdaines/viz.js）。

使用它，我构建了自己的 WP GraphViz，一个 WordPress 插件（请参阅 http://wordpress.org/plugins/wp-graphviz/）。

Answer 3

我已经为此工作了将近一周。

共有三种不同的实现方式：

1.简单js渲染svg，无需安装graphviz

jquery.graphviz.svg https://github.com/mountainstorm/jquery.graphviz.svg

jQuery 插件使 Graphviz SVG 输出更具交互性和更易于导航。使拥有以下功能变得容易：

• 突出显示节点/边
• 放大/缩小
• 图形导航 - 选择链接节点
• 精美的 UI 工具提示；开箱即用的引导程序支持
• 在图表中向前/向后移动内容

看看演示：https://cdn.rawgit.com/mountainstorm/jquery.graphviz.svg/master/demo.html

2.基于d3.js

<https://github.com/dagrejs/dagre-d3>  d3.js + dagre

    <https://github.com/dagrejs/dagre>  pure js library

或：

<https://github.com/magjac/d3-graphviz>  d3.js + graphviz c++ build

    <https://github.com/hpcc-systems/hpcc-js-wasm>  build graphviz 2.47 

3.服务器端调用graphviz生成svg文件。

<http://viz-js.com/>

    <https://github.com/mdaines/viz.js>

<https://github.com/dreampuf/GraphvizOnline>