JavaScript网络图形可视化

我需要一个javascript的网络可视化图形（而不是图表）用于json输入。我还使用JIT infovis工具包rgraph和空间树在图中显示多个级别。但是节点会因为巨大的数据而崩溃。在rgraph中，边与节点合并，在空间树中，如果子节点有4个父节点，则将子节点放置得太宽。因此，对于大数据量来说，它并不稳定。但我找不到类似infovis json输入格式的图形。请向我推荐解决infovis空间树和rgraph的替代方案或解决方案。提前感谢

据我所知，有几个开源js项目可以用于图形可视化

您正在使用的JIT

来自斯坦福大学。它看起来很棒，但它不再处于活动状态 发展

---

老实说，我从来没有在我的项目中使用过它们。你可以自己试试

还可以查看“一个基于数据操作文档的JavaScript库”和“一个使用HTML画布元素绘制图形的开源轻量级JavaScript库”。

您可能想查看这个交互式HTMl5图表库，由数据可视化软件实验室提供：

此SDK允许您创建范围广泛的图表：

• 基于时间的图表
• 网络图
• 饼图
• 即将推出的是地理图表、方面图表和XML图表

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

网络图的一个示例：

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

Checkout，一个基于D3的简单javascript库，使用该格式，该格式专门为网络软件设计

看

我希望能有所帮助。

至于我，我更喜欢，因为：

• 生成的网络是弹性的-自动适应用户网络的重新塑造
• 集成了一些有用的UI功能，例如放大/缩小
• 网络是高度可定制的，-边缘颜色，宽度等
• 定义网络节点时-无需为节点指定X、Y坐标 节点。
  （我见过一些库，其中需要为 节点，这真的很糟糕）
• 更不用说这本文库很容易使用，-见下文：

用法：

 // create an array with nodes
  var nodes = new vis.DataSet([
    {id: 1, label: 'Node 1'},
    {id: 2, label: 'Node 2'},
    {id: 3, label: 'Node 3'},
    {id: 4, label: 'Node 4'},
    {id: 5, label: 'Node 5'}
  ]);

  // create an array with edges
  var edges = new vis.DataSet([
    {from: 1, to: 3, width: 1},
    {from: 1, to: 2, width: 6},
    {from: 2, to: 4, width: 1},
    {from: 2, to: 5, width: 3},
    {from: 2, to: 3, width: 1},
  ]);

  // create a network
  var container = document.getElementById('mynetwork');
  var data = {
    nodes: nodes,
    edges: edges
  };
  var options = {};
  var network = new vis.Network(container, data, options);

---

d3的主要开发人员似乎是前protovis开发人员。他似乎已经转移到d3。所以这可能是protovis不再被维护的原因。我看到这是一个非常好的库。我想基于JSON生成一个族谱。您认为库允许在单击节点时显示更多信息吗？