5

是否有一个 jQuery 插件,用于在此处指定的浏览器中显示Dot 文件

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

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

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

4

3 回答 3

6

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

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

于 2010-12-06T13:01:54.537 回答
1

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

使用它,我自己构建了WP GraphViz,一个 WordPress 插件(参见http://wordpress.org/plugins/wp-graphviz/)。

于 2013-08-30T09:33:42.647 回答
1

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

有三种不同的实现:

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>
    
于 2021-04-19T07:34:26.233 回答