콘텐츠로 이동

계층적 에지 번들링

Hierarchical Edge Bundling 시각화는 데이터세트 내의 계층적 관계와 연결을 묘사하는 정교한 기술입니다. 계층적 방식으로 관계 구조를 강조하면서 시각적 혼란을 줄이기 위해 에지 번들링을 활용합니다.

계층적 에지 번들링 데이터 구조

섹션 제목: “계층적 에지 번들링 데이터 구조”

계층적 에지 번들링을 나타내려면 다음 NodeLinkData 인터페이스를 사용할 수 있습니다.

type Node = with_optional_properties & {
name: string;
category: string;
labels?: Label[];
}
type Link = with_optional_properties & {
source: string;
target: string;
value: number;
}
type NodeLinkData = {
nodes: Node[];
links: Link[];
}
  • 이름: 노드의 고유 식별자입니다.
  • 범주: 노드를 특정 그룹이나 클러스터로 분류합니다.
  • source: 링크의 소스 노드를 식별합니다.
  • target: 링크의 대상 노드를 식별합니다.
  • 값: 노드가 얼마나 강하게 연결되어 있는지를 나타내는 링크와 관련된 숫자 값을 나타냅니다.
  • 향상된 심미성과 가독성: 번들로 묶인 가장자리는 더욱 깨끗하고 심미적으로 만족스러운 시각화에 기여합니다. 시각적 혼란을 줄임으로써 사용자는 노드 간의 관계를 보다 쉽게 ​​해석할 수 있어 전반적인 가독성이 향상됩니다.

  • 주요 관계에 대한 집중 강화: 에지 번들링을 통해 사용자는 계층 구조 내의 주요 관계에 집중하여 가장 중요한 연결을 강조할 수 있습니다. 이는 복잡한 데이터 세트에서 중요한 경로나 중앙 노드를 식별하는 데 도움이 될 수 있습니다.

  • 병렬 경로 식별의 어려움: 밀집된 영역에서 병렬 경로 또는 연결을 식별하는 것은 사용자에게 문제가 될 수 있습니다. 서로 다른 관계를 나타내는 밀집된 모서리를 구별하는 것은 복잡할 수 있으며 분석의 정밀도에 영향을 미칠 수 있습니다.

  • 방향성 인식 문제: 특히 중첩 정도가 높은 시나리오에서는 사용자가 묶인 가장자리의 방향성을 인식하는 데 어려움을 겪을 수 있습니다. 이는 관계 흐름의 정확한 해석에 영향을 미칠 수 있습니다.

Hierarchical Edge Bundling Example