Home > 其他 > 非歧义的边捆绑方法:调研用Confluent Drawings来构造网络可视化

非歧义的边捆绑方法:调研用Confluent Drawings来构造网络可视化

Towards Unambiguous Edge Bundling:  Investigating Confluent Drawings for Network Visualization

作者: Benjamin Bach, Nathalie Henry Riche, Christophe Hurter, Kim Marriott, Tim Dwyer

会议:TVCG2017

一、主要贡献

1、提供了一个普适的CD算法

2、通过调研生物、社交关系等方面的关于网络的文献,总结了一些网络中的主题图案, 并基于这些主题图案进行评估

3、评估可读性的用户调研

二、相关工作(边捆绑)

边捆绑是指在边密集的图中,为了节约空间,将空间上相近的边绑定到一起。这样做可以让图更加清晰,但是没有限制的边捆绑也会误导用户。比如说在图b)中,用户可能以为左侧第二个点和右侧全部点都有连接关系,但是对比图a)并不是这样。一种解决方式就是将捆绑放松(如图c))。但是这样密集的边依然会让用户难以辨别。图d)中的地铁式捆绑将捆绑的地方拆分开平行绘制,相对来说更清晰一点。图e)的power graph (PG)是将有相同连接关系的点用圈合并为一个组,通过一条连接到圈上边代替原有的很多条边。在基于CD的边绑定中,两条边只有确保一端的每一个点都和另一端的每一个点相连才会绑定到一起。遗憾的是这种方法之前一直局限于层次图和哈斯图的构造。而本片文章在方法上的贡献就是基于PG方法将CD拓展到任何一种图的边绑定上。

 

三、CD方法

1、找到PG和CD的对应关系,通过PG构造CD:

- 有共同邻点的组→生成一个bundle的链接点(routing node)
- 组内节点→连到相应链接点上的点
- 组包含→子组内的点通过子组的链接点再连到父组链接点上
- 组间边→链接点之间的边
2、绘制

- 点布局:将图中点(灰色)和基于PG生成的链接点(蓝色)通过力引导等方法定位
- 边绘制:找到相连两点经过链接点连接的最短路径,作为控制点,用B样条方法绘制曲线
3、优化
作者发现,当一个链接点的出度和入度都大于1时,结果会产生交叉。为了解决这个问题,作者巧妙地将链接点差分为入节点和出节点,基于它们绘制的B样条曲线不会出现交叉问题,而且可以完美地绑定到一起。
四、基于不同主题的评估
作者总结了高度相连的节点组、完全子图、星、关键节点等等。
其中,CD方法比较擅长突出n-partite components、星等图案。不过,在展现完全图的时候,由于PG算法的分组顺序不同,整张图看起来会有层次感,比较像大家认知中的树。
除此之外,作者总结了三个CD图中特有的图案,如下:
第一个代表了一对节点的临节点一致,且相连的情况。第二种就是上文提到的完全图,在这里有点像树状结构。最后是一些会有急转弯的线。当生成很多链接点,且它们不是单纯的包含关系时,就会出现一些急转弯。
五、用户调研
1、调研问题:初学者对低级任务的执行能力;和传统方法相比有什么优势;和原方法PG相比如何;用户有怎样的主观偏好。
2、对比技术:MG(地体图式绑定)、PG、EB(普通edge bundling)、CD。
3、任务:给出起点和终点找最短路径。
4、实验过程:15个初学者先对每个技术做12个练习,再分别对每个技术分别进行18个实验。
5、准确率分析:
通过Friedman非参数检验,整体结果是PG(86%)没有明显优于MB,但是有明显优于CD(77%)和EB(77%)。
作者提到在CD中用户会被边的bundling的曲率误导,忽视一些更短的路径。如果将任务改为找路径,那么CD方法的错误率可以从23%下降到8%。
6、用时分析:
这里只对找到正确答案的数据进行分析。作者分别使用了RM-ANOVA和MLM方法分别对重复测量中的被试内因素和随机效应进行了避免,得出了相似的结果,即PG优于MG和CD方法,EB则是比较差。这是因为在使用EB的时候,用户需要花很长时间从绑定中辨别边的走向。
7、主观评价:
作者从信心、易学、清晰和整体四个方面对四种方法进行了likert五级问卷调研。
PG方法虽然在之前的两项指标中都领先于别的方法,但是由于这个方法对于初学者来说是难以掌握的,大家对通过这个方法得出的结果信心不是很强。整体指标比较好的还是CD方法。
六、总结
CD方法虽然解决了边绑定上的歧义,但是其构造方法比较复杂,随机分解可能导致一些误解,还有很大优化空间、
分享到:

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>