有没有 Dot 语言文件可视化的 jQuery 插件？

Question

是否有用于显示 的 jQuery 插件点文件按照此处的指定存在于浏览器中？

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

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

我需要通过 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 工具提示； bootstrap 支持开箱即用
• 在图表中向前/向后移动

看一下演示： 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>