是否有用于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.server端调用graphviz生成svg文件。

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

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

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