用于交互式网络可视化的Javascripts

Question

我一直在寻找一些可用于创建类似于this的javascript代码。

我需要能够在点击/悬停时显示框之间链接的内容。到目前为止，我还没有确定这种特定类型可视化的名称。

我已经看过了：

• Google Charts
• d3.js
• graphdracula
• processing.js
• Raphael
• Protovis
• MooWheel
• PlotKit

Answer 1

您可能希望专注于学习D3.JS，因为它似乎符合您的要求，并且它做得非常好。

您可以关注的两个矢量图形库是Raphael和D3.JS，但D3.JS在数据绑定方面更强大。您可以通过互联网为D3JS找到大量资源。

以下是一些我觉得有用的教程： https://github.com/mbostock/d3/wiki/Tutorials

示例库位于： https://github.com/mbostock/d3/wiki/Gallery

此外，D3js是Protovis的继承者，您可以在以下Wiki中找到此信息： http://en.wikipedia.org/wiki/Protovis#Context

谷歌图表可能有一些很好的功能，但它不像其他一些矢量图形工具那样非常活跃和最新。

对于其他图书馆，我认为不应该花太多时间。

享受

Answer 2

不完全是盒子，但网络布局更流畅。

http://datavisualizationsoftwarelab.com/

图形是纯HTML5，对其他库没有依赖性，因此易于与任何JS框架（如jQuery）集成。使用Canvas进行渲染，对导航，交互和数据探索提供全面的多点触控支持。

网络图表示例：

图表附带了广泛的API和设置，因此您可以控制图表的各个方面。