27

我正在尝试使用 Python 在我的 Django Web 应用程序中制作一些交互式图形可视化。我找到了 Graphviz,并能够使用 Pydot(Graphviz 点语言的 Python 接口)在我的应用程序上输出静态图(作为 .png 图像)。

但是,我希望使我的图表更具交互性,例如当我的鼠标经过节点时能够突出显示节点,使节点可点击,将节点拖动到不同的位置并缩放图表。

有没有办法在 Graphviz 中做到这一点?或者一般来说,有没有办法为我的 Django 应用程序制作交互式图表而无需使用 Flash?我不想使用 flash,因为我对它不太熟悉,而且我想可视化一个相当大的数据集。

4

6 回答 6

18

试试Javascript Infovis 工具包。这一切都在浏览器画布中实现,因此不需要 Flash,只需要一个支持<canvas>标签的体面浏览器即可。图形可视化示例在这里这里这里,其他演示在这里

于 2011-05-16T17:50:21.843 回答
12

Canviz来源)。但是,节点还不能点击(它们在使用图像映射的旧版本中。代码库已更改,现在渲染正在使用 javascript 的客户端发生,这就是尚未重新启用可点击链接的原因。

这是我找到的最好的,但还有很多其他的。

mxGraph(不是免费的)

于 2011-05-16T17:09:45.000 回答
9

您可以使用D3.js进行图形可视化(请参阅此处以获取 D3js 中的图形可视化示例,并查看如何制作交互式网络可视化)。

对于后端(如果需要的不仅仅是一个 json 文件来表示图形 - 即如果它很大),那么您可以使用 Python 图形模块NetworkX

旁注,这是我的简单交互式图形可视化示例

在此处输入图像描述

于 2013-04-19T13:57:24.563 回答
3

只需使用 DOT 和 HTML,您就可以非常简单地执行此类操作。

生成客户端地图并将它们覆盖在您的 PNG 图像上。(将地图代码插入 HTML 页面。)

dot test.dot -Tpng -o test.png -Tcmapx -o test.map

SVG 导出可直接点击。

于 2013-09-24T10:39:04.477 回答
1

似乎适合您尝试做的方法可能是在浏览器和/或javascript中使用svg。我认为大多数现代浏览器都支持 SVG,并且可以让您制作一些非常酷的交互式图形。服务器可以提供渲染图形所需的数据点的 json 提要。我不知道可用的工具,但我已经看到了一些非常酷的图形演示,它们通过客户端方法构建了没有 Flash。

作为替代方案,您可以预渲染一组用户可能会查看的图形图像,然后在用户与图形交互时获取这些图像。如果图形不经常更改并且用户进行的更改数量很少,这可能会起作用,但是每次图形更改时您都必须重新渲染。

于 2011-05-16T17:13:01.473 回答
1

不久前我已经做了你想做的事情。上下文正在可视化一个粗糙的 SalesForce 模式。

首先,graphviz 仅适用于绘图,而不适用于绘图。您可以生成 SVG,但经过大量(结果是徒劳的)努力后,我无法让它与 IE 一起使用。

我确实发现这个 Java Applet ZGRViewer就足够了,虽然小程序对我的口味来说有点过时,但它在跨浏览器上运行得很好。

我基本上是手工编写了一个进程调用服务,该服务生成了点文件并运行它们(dotty,是想吗?) - 可视化小程序读取本机点文件格式。

我还遇到了我为 V2 考虑过的东西(从未发生过)——它是 AJAX 控制工具包的一部分——Seadragon

如果您想查看 ASP.NET 中的代码,我可以发布它。

于 2011-05-16T17:25:52.527 回答