两个网络图的比较

Question

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

从上图中可以看出，没有一个节点是相同的，只是它们的链接方式不同。

我想知道如何呈现比较数据。

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

Answer 1

我建议不要尝试应用强制布局或类似方法来绘制图形（这会以类似于您问题中图片中的 on 的方式绘制图形）。相反，我想建议对两个图都使用圆形布局（类似于弦图）：

这个视觉示例是为其他目的而制作的，但类似的原则也可以应用于您的问题：

• 将所有顶点以等距方式排列在一个圆上（如果有一些顶点仅属于两个图形之一，则可以将它们分组并标记不同的颜色）
• 如果两个图中的两个顶点之间存在链接，则用一种颜色连接它们（比如说绿色）
• 如果仅在一个图形中的两个顶点之间存在链接，请根据图形以适当的颜色连接它们（比如说红色和紫色）​​

此方法可以很好地缩放顶点数。

希望这会有所帮助。

Answer 2

以下网络比较方法在当前场景中可能很有用：

NetConfer, a web application

Nature Scientific Reports, an article guiding comparisons

CompNet, a GUI tool