[论文解读] A parent-centered radial layout algorithm for interactive graph visualization and animation

Andrew Pavlo, Christopher M. Homan+1 more|ArXiv.org|Jun 1, 2006

Data Visualization and Analytics参考文献 26被引用 9

一句话总结

本文提出了一种以父节点为中心的径向布局算法，通过使用局部递归的包含弧，将每个节点相对于其父节点定位，从而在交互式根节点切换过程中实现平滑、无边交叉的动画效果。与Yee等人提出的以根节点为中心的同心布局不同，该方法在布局转换过程中减少了边交叉，并通过自相似的、基于家族的空间组织方式提升了视觉清晰度，从而增强了用户对复杂图结构的理解。

ABSTRACT

We have developed (1) a graph visualization system that allows users to explore graphs by viewing them as a succession of spanning trees selected interactively, (2) a radial graph layout algorithm, and (3) an animation algorithm that generates meaningful visualizations and smooth transitions between graphs while minimizing edge crossings during transitions and in static layouts. Our system is similar to the radial layout system of Yee et al. (2001), but differs primarily in that each node is positioned on a coordinate system centered on its own parent rather than on a single coordinate system for all nodes. Our system is thus easy to define recursively and lends itself to parallelization. It also guarantees that layouts have many nice properties, such as: it guarantees certain edges never cross during an animation. We compared the layouts and transitions produced by our algorithms to those produced by Yee et al. Results from several experiments indicate that our system produces fewer edge crossings during transitions between graph drawings, and that the transitions more often involve changes in local scaling rather than structure. These findings suggest the system has promise as an interactive graph exploration tool in a variety of settings.

研究动机与目标

• 开发一种图可视化系统，通过动态生成树布局实现对复杂图的交互式探索。
• 解决径向可视化中布局转换期间边交叉的常见问题，尤其是在动画过渡过程中。
• 通过采用递归的、以父节点为中心的空间组织方式，而非全局的同心圆结构，提升视觉清晰度和用户的直觉理解。
• 提供一种可并行化的布局算法，自然支持同一图不同视图之间平滑且有意义的动画过渡。
• 评估以父节点为中心的径向布局是否相比以根节点为中心的布局产生更少的边交叉，并带来更符合认知直觉的过渡效果。

提出的方法

• 每个节点被定位在以父节点为中心的包含弧上，而非以根节点为中心的全局层级圆上。
• 布局通过递归计算：每个子树在其父节点定义的圆形弧内独立布局，确保兄弟节点和堂兄弟节点之间的间距避免重叠。
• 节点位置通过相对于父节点的极坐标确定，角度间距根据邻近子树的位置进行调整，以避免重叠。
• 通过线性插值节点在连续父节点中心布局中的径向和角度位置来生成动画。
• 该算法确保在动画过程中父节点-子节点边永不交叉，因为每个子树被视为一个自包含的单元。
• 系统支持交互式根节点选择，可立即重新布局并平滑过渡到新的以父节点为中心的视图。

实验结果

研究问题

• RQ1 与以根节点为中心的径向布局相比，以父节点为中心的径向布局是否在动画过渡过程中显著减少边交叉？
• RQ2 以父节点为中心的布局在多大程度上保留了层次关系和图距离的视觉线索？
• RQ3 当边交叉被最小化时，用户如何感知和理解布局之间的过渡？
• RQ4 递归的、以父节点为中心的布局算法是否能够高效并行化，以实现实时性能？
• RQ5 该布局所呈现的自相似、花状结构在多大程度上影响用户对复杂图结构的理解？

主要发现

• 与Yee等人提出的以根节点为中心的方法相比，我们的布局算法在动画过渡过程中显著减少了边交叉，尤其在动态根节点切换场景中表现更优。
• 动画过程保证了父节点-子节点边永不交叉，而Yee等人方法由于采用全局坐标插值，无法确保这一特性。
• 在我们的系统中，兄弟节点到父节点的距离均匀分布，消除了Yee等人方法中此类距离显著波动的问题。
• 尽管我们的布局中根节点到节点的距离存在差异，但自相似的几何结构仍为层次深度和血缘关系提供了强有力的视觉线索。
• 在转换过程中，系统表现出更可靠的局部缩放变化，结构变化频率低于Yee等人方法。
• 实验结果表明，以父节点为中心的方法提升了视觉清晰度，可能降低用户在图探索过程中的认知负荷。