[논문 리뷰] Multi-level tree based approach for interactive graph visualization with semantic zoom

Felice De Luca, Iqbal Hossain외 3명|arXiv (Cornell University)|2019. 06. 13.

Data Visualization and Analytics인용 수 5

한 줄 요약

이 논문은 대규모 그래프의 상호작용적이고 지ap 기반의 시각화를 위한 Zoomable Multi-Level Tree (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.

연구 동기 및 목표

• 대규모 그래프의 이해를 향상시키기 위해 사용자들이 자연스럽게 읽는 지도 기반의 상호작용적 그래프 시각화를 개발한다.
• 다수준 그래프 시각화를 위한 일곱 가지 바람직한 성질을 정의하고 적용한다: 적절한 표현, 레이아웃, 실제성, 지속성, 겹침이 없는 레이블링, 교차 없는 간선, 압축성.
• 모든 수준에서 일곱 가지 성질을 유지하면서 의미적 줌을 지원하는 기능적인 웹 기반 프로토타입을 구현한다.
• edge length consistency (DL), label overlap, layout compactness 등의 정량적 지표를 사용하여 기준 방법과의 성능을 평가한다.

제안 방법

• ZMLT 알고리즘은 종단 노드(중요한 정점)를 가중치 내림차순으로 추가하면서 점진적으로 커지는 부분그래프의 필터레이션을 다수준 스티너 트리 방법으로 구성한다.
• 각 수준에서 현재 종단 노드 집합에 대해 스티너 트리를 계산하며, 총 간선 가중치를 최소화하고 평면성을 유지하기 위해 비종단(스티너) 노드를 포함할 수 있다.
• 시각적 계층 구조와 부드러운 줌 기능을 확보하기 위해, 수준에 비례하는 간선 길이를 강제하는 수정된 力기반 알고리즘(ImPred)을 사용하여 레이아웃을 생성한다.
• 읽기 가능성을 유지하면서 겹침을 방지하기 위해 레이블 배치를 최적화하며, 노드 크기를 중요도에 비례하게 하고, 공백을 최소화하여 전체 레이아웃을 압축하도록 제약을 둔다.
• 패닉 및 줌 기능을 지원하는 웹 기반 인터페이스를 사용하여 사용자가 수준 간 상호작용적으로 탐색할 수 있도록 한다.
• 품질 지표—예를 들어 edge length consistency (DL), stress (ST), compactness (CM)—를 계산하고 직접적 방법과 비교하여 성능을 검증한다.

실험 결과

연구 질문

• RQ1 다수준 트리 기반 그래프 시각화가 실제 노드, 간선, 의미 있는 공간 관계를 유지하면서 의미적 줌을 달성할 수 있는가?
• RQ2 다수준의 세부 수준에서 지속적이고 겹침이 없으며 교차 없는 레이아웃을 어떻게 유지할 수 있는가?
• RQ3 ZMLT 방법이 기준 방법에 비해 레이아웃 품질과 시각적 일관성에서 얼마나 향상되는가?
• RQ4 간단한 스케일링에 의존하지 않고도 공백을 최소화하여 압축된 레이아웃을 만들 수 있는가?

주요 결과

• ZMLT 방법은 일곱 가지 바람직한 성질을 모두 달성한다: 적절한 표현, 실제적이고 지속적인 노드/간선, 겹침이 없는 레이블링, 교차 없는 간선, 압축된 레이아웃.
• 지표 평가에서 ZMLT는 모든 여덟 수준에서 기준 방법보다 뛰어난 성능을 보였으며, stress (ST), compactness (CM), edge length (DL)의 값이 모두 낮게 나타났다.
• ZMLT의 평균 간선 길이는 수준 깊이에 비례해 비례적으로 감소하여 이상적인 추세와 매우 유사했고, 기준 방법은 수준 간 거의 일정한 간선 길이를 유지했다.
• 시각적 비교에서 ZMLT는 특히 높은 수준의 세부 수준에서 기준 방법보다 더 압축된 레이아웃을 보이며 더 적은 공백을 보였다.
• 프로토타입 구현은 매끄러운 전환과 상호작용 탐색을 통해 효과적인 의미적 줌을 보여주었으며, 대규모 그래프의 실시간 탐색을 지원했다.
• 코드와 상호작용 가능한 시스템은 공개되어 있어 재현 가능성을 보장하고 다수준 그래프 시각화 분야의 향후 연구를 가능하게 한다.