两种网络图的比较

时间:2014-06-30 12:09:37

标签: javascript user-interface svg d3.js data-visualization

我有两个网络图,但如果图表很小,则将两者放在一起是最简单的比较方法。但随着图表的增长,用户很难比较视图。我想知道合并两个图表并显示比较的最佳方法。 enter image description here

在上图中可以看出,没有节点是相同的,但它们的链接方式是不同的。

我想知道如何展示比较数据。

有关使用d3.js进行此类比较的不同视图的任何想法

2 个答案:

答案 0 :(得分:2)

我建议不要尝试使用力布局或类似的方法绘制图形(这将以类似于问题中图片中的on的方式绘制图形)。相反,我想建议对两个图形使用圆形布局(类似于和弦图):

enter image description here

此可视化示例用于其他目的,但类似的原则可以应用于您的问题:

  • 以等距样式布置圆上的所有顶点(如果某些顶点只属于两个图中的一个,则可以将它们分组并标记为不同的颜色)
  • 如果两个图形中的两个顶点之间存在链接,请将它们连接成一种颜色(假设为绿色)
  • 如果只有一个图形中的两个顶点之间存在链接,请根据图形(让我们说红色和紫色)​​以适当的颜色连接它们。

此方法可以很好地扩展顶点数。

希望这会有所帮助。

答案 1 :(得分:0)