[논문 리뷰] A parent-centered radial layout algorithm for interactive graph visualization and animation

Andrew Pavlo, Christopher M. Homan외 1명|ArXiv.org|2006. 06. 01.

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 등의 방법보다 구조적 변화 빈도가 낮다.
• 실험 결과, 부모 중심 접근이 시각적 명확성을 향상시키고 그래프 탐색 시 사용자 인지 부하를 감소시킬 수 있음을 시사한다.