[论文解读] Multi-level tree based approach for interactive graph visualization with semantic zoom

Felice De Luca, Iqbal Hossain+3 more|arXiv (Cornell University)|Jun 13, 2019

Data Visualization and Analytics被引用 5

一句话总结

本文提出了一种名为可缩放多级树（ZMLT）的算法，用于对大型图进行交互式、地图式的可视化，通过一系列逐步细化的斯坦纳树层次结构，保持真实节点/边、无重叠或交叉，并实现紧凑布局。该方法确保了语义缩放的七项关键特性，在布局质量与各层级间边长一致性方面优于基线方法。

ABSTRACT

Human subject studies that map-like visualizations are as good or better than standard node-link representations of graphs, in terms of task performance, memorization and recall of the underlying data, and engagement [SSKB14, SSKB15]. With this in mind, we propose the Zoomable Multi-Level Tree (ZMLT) algorithm for multi-level tree-based, map-like visualization of large graphs. We propose seven desirable properties that such visualization should maintain and an algorithm that accomplishes them. (1) The abstract trees represent the underlying graph appropriately at different level of details; (2) The embedded trees represent the underlying graph appropriately at different levels of details; (3) At every level of detail we show real vertices and real paths from the underlying graph; (4) If any node or edge appears in a given level, then they also appear in all deeper levels; (5) All nodes at the current level and higher levels are labeled and there are no label overlaps; (6) There are no edge crossings on any level; (7) The drawing area is proportional to the total area of the labels. This algorithm is implemented and we have a functional prototype for the interactive interface in a web browser.

研究动机与目标

• 开发一种受地图启发的交互式图可视化方法，利用用户与生俱来的地图阅读能力，以更好地理解大型图。
• 定义并强制执行多级图可视化中的七项理想特性：适当的表示、布局、真实性、持久性、无重叠标签、无交叉边和紧凑性。
• 实现一个功能性的基于网络的原型系统，支持语义缩放，同时在所有细节层级上保持全部七项特性。
• 通过定量指标（如边长一致性、标签重叠和布局紧凑性）对方法与基线方法进行评估。

提出的方法

• ZMLT算法使用多级斯坦纳树方法，构建一系列逐步扩大的子图过滤，其中终端节点（重要顶点）按权重递减顺序添加。
• 在每一级，算法在当前终端集上计算斯坦纳树，可能包含非终端（斯坦纳）节点，以最小化总边权并保持平面性。
• 使用改进的力导向算法（ImPred）生成布局，强制实现与细节层级成比例的期望边长，确保视觉层次感和平滑缩放。
• 通过优化标签放置避免重叠，同时保持可读性，节点大小与重要性成比例，整个布局通过最小化空隙空间被约束为紧凑形态。
• 实现采用基于网络的界面，支持平移和缩放，允许用户交互式地在不同细节层级间导航。
• 计算并对比质量度量指标（如边长一致性（DL）、应力（ST）和紧凑性（CM）），与直接方法对比以验证性能。

实验结果

研究问题

• RQ1 基于多级树的图可视化能否在保持真实节点、边和有意义空间关系的同时实现语义缩放？
• RQ2 图可视化如何在多个细节层级之间维持持久、无重叠且无交叉的布局？
• RQ3 与基线方法相比，ZMLT方法在布局质量和视觉一致性方面提升了多少？
• RQ4 能否在不依赖简单缩放的前提下实现紧凑布局，从而避免过多空白空间？

主要发现

• ZMLT方法实现了全部七项理想特性：适当的表示、真实且持久的节点/边、无标签重叠或边交叉，以及紧凑布局。
• 在度量评估中，ZMLT在所有八个细节层级上均持续优于直接方法，应力（ST）、紧凑性（CM）和边长（DL）指标值更低。
• ZMLT的平均边长随层级深度成比例减小，与理想趋势高度吻合；而直接方法在各层级间几乎保持恒定的边长。
• 视觉对比显示，与基线方法相比，ZMLT在更高细节层级上产生了更紧凑的布局，空白空间更少。
• 原型实现展示了有效的语义缩放，具有平滑过渡和交互式导航功能，支持对大型图的实时探索。
• 代码和交互式系统已公开发布，支持可复现性，并为多级图可视化领域的进一步研究提供了基础。