在 Web UI 中可视化有向图的建议答案

【问题标题】：Recommendations for visualising a directed graph in a Web UI在 Web UI 中可视化有向图的建议
【发布时间】：2010-11-29 17:13:55
【问题描述】：

我需要可视化表示 Web 应用程序中数据流的有向图。任何人都可以为此推荐任何 JavaScript 或 Flash 解决方案。它必须支持挂钩节点单击事件，因为发生这种情况时我需要触发 AJAX 调用。可以是免费的或商业的。如果这有什么不同的话，服务器端技术就是 Java。

JProbe 调用图是我想到的那种东西：

_{（来源：javaworld.com）}

谢谢！

【问题讨论】：

【解决方案1】：

您可以在 Flash 上使用birdeye RaVis。它是开源的。

【讨论】：

【解决方案2】：

我喜欢WireIt。它是用 JavaScript 编写的，用途广泛。并且开源（MIT 许可）

【讨论】：

【解决方案3】：

试试这个：

Flare 是一个 ActionScript 库，用于创建在 Adobe Flash Player 中运行的可视化。从基本的图表和图形到复杂的交互式图形，该工具包支持数据管理、视觉编码、动画和交互技术。更好的是，flare 采用模块化设计，让开发人员无需重新发明轮子即可创建自定义的可视化技术。

【讨论】：

【解决方案4】：

也可以试试 Google Visualization API，尤其是Org Chart。

【讨论】：

【解决方案5】：

d3 library 比上面提到的库更通用（它也是一个较低级别的库）。

【讨论】：

【解决方案6】：

我们的mxGraph 库就是为此类事情而构建的。您可以在draw.io 站点查看示例应用程序。

【讨论】：

【解决方案7】：

我正在使用jsPlumb。从我最初的测试来看，它看起来不仅仅是能够制作这种图表。它是开源的（MIT 或 GPL2），可与 jQuery、MooTools 和 YUI 配合使用，并且可以使用 SVG、canvas 或 VML 进行渲染。

【讨论】：