階層的なエッジ バンドリング

階層エッジ バンドリング 視覚化は、データセット内の階層関係と接続を表現するための高度な手法です。エッジ バンドリングを利用して視覚的な乱雑さを軽減し、階層的な方法で関係の構造を強調します。

階層的なエッジ バンドリング データ構造

階層エッジ バンドリングを表すには、次の 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[];
}

主要な属性

• name: ノードの一意の識別子。
• category: ノードを特定のグループまたはクラスターに分類します。
• source: リンクのソース ノードを識別します。
• target: リンクのターゲット ノードを識別します。
• 値: ノードの接続の強さを示す、リンクに関連付けられた数値を表します。

長所と短所

長所

• 見た目の美しさと読みやすさの向上: 束ねられたエッジにより、よりクリーンで見た目の美しい視覚化に貢献します。視覚的な煩雑さを軽減することで、ユーザーはノード間の関係をより簡単に解釈できるようになり、全体的な読みやすさが向上します。

• 主要な関係への注目の強化: エッジ バンドリングにより、ユーザーは階層構造内の主要な関係に注目し、最も重要な接続を強調できるようになります。これは、複雑なデータセット内のクリティカル パスや中心ノードを特定するのに役立ちます。

短所

• 並列パスの識別の難しさ: 密に束ねられた領域内の並列パスまたは接続を識別することは、ユーザーにとって課題となる可能性があります。異なる関係を表す密集したエッジを区別することは複雑になる可能性があり、分析の精度に影響を与えます。

• 方向性の認識に関する課題: ユーザーは、特に重なりの度合いが高いシナリオでは、束ねられたエッジの方向性を認識するのが難しい場合があります。これは、関係の流れの正確な解釈に影響を与える可能性があります。

階層的なエッジ バンドリングの例