Javascript图形可视化库[重复]

Posted 2023-05-08

【中文标题】Javascript图形可视化库[重复]

【英文标题】：Javascript graph visualization library [duplicate]

【发布时间】：2011-11-18 18:21:57

【问题描述】：

可能重复：Graph visualization code in javascript?

我必须创建一个 Web 应用程序来显示图形（由边连接的节点）。 我希望能够控制边缘的颜色以及它们的标签（最好让它们在鼠标悬停时显示）。

我还想在节点上附加一些信息，以便在鼠标悬停时显示。

【参考方案1】：

听起来您正在寻找类似http://arborjs.org/ 的东西？

【讨论】：

Arborjs 自 2012 年起就没有维护过。请不要推荐它。

【参考方案2】：

d3（数据驱动的文档）是一个用于创建可视化的库，已经获得了广泛的关注。

http://mbostock.github.com/d3/

这有点像 JQuery，而不是专注于为您提供现成的图表“小部件”，它使创建任何可视化变得容易得多。也就是说，它可以很容易地创建各种图表和可视化，并且有许多示例，大多数只需要很少的代码。

【参考方案3】：

我建议gRaphael。

它与IE6兼容，能够轻松创建令人惊叹的图形并支持各种悬停效果。

Dracula 也有一些不错的功能。勾选this example，可以连接节点，添加标签，还有悬停效果。

【参考方案4】：

如果您正在创建一个新的 Web 应用程序，并且需要快速启动并运行它，我建议您查看ADF DVT。它有很多可视化。但是，它会从您那里抽象出 JavaScript，您需要学习 ADF 富客户端框架。

编辑 line graphs 也是如此。

【参考方案5】：

我总是使用flot - 它可以满足您的所有要求。有很多 examples 带有文档化的 js - 这些也可以在 download 中找到。

【参考方案6】：

在商业场景中，yFiles for html 库似乎是该任务的完美匹配。

有超过一百个不错的在线演示（需要支持 HTML5 的浏览器），展示了使用该库可以做什么：yFiles for HTML Demos

^{免责声明：我为制作该库的公司工作，但我不代表我的雇主参与 SO。}