コンテンツにスキップ

ツリーマップ

ツリー マップ 視覚化は、複雑な構造の明確な概要を提供するデータを動的かつ階層的に表現する方法です。ツリーマップは、ネストされた四角形を利用することで、階層的なデータ関係を効率的に視覚化し、データセット内の全体と部分の両方を伝えるための貴重なツールとなります。

ツリー マップ データを表すには、次の HierarchyData インターフェイスを使用できます。

type HierarchyNode = with_optional_properties & {
name: string;
value: number;
category: string;
children?: HierarchyNode[];
}
type HierarchyData = {
nodes: HierarchyNode[];
}
  • name: ノード名。
  • 値: そのノードの大きさを決定するメトリックを表す数値。
  • category: ノードが属するカテゴリまたはタイプを説明します。
  • children: このプロパティはオプションであり、HierarchyNode オブジェクトの配列を表します。これは、ノードが子ノードを持つことができ、階層構造を作成できることを意味します。各子ノードは同じ HierarchyNode 構造に従い、ツリー状の階層を表現できます。
  • 階層の理解: ツリーマップは階層データ構造の表示に優れており、異なるレベル間の関係を理解するのに役立つ視覚的な階層を提供します。

  • 比例表現: 長方形の比例的なサイズ設定により、さまざまなデータ カテゴリの相対値またはサイズを直感的に表現できます。

  • スペース効率: ツリーマップはスペースを効率的に使用するため、ユーザーは画面を煩雑にすることなく大規模なデータセットを視覚化できます。

  • パターンの迅速な識別: ユーザーは、長方形を視覚的に配置することで、データセット内のパターン、外れ値、濃度を迅速に識別できます。

  • ラベルが重なっている場合の複雑さ: ラベルが重なっている場合、特に人口密度の高いツリーマップでは、読みやすさが課題になる可能性があります。

  • 精度の難しさ: ツリーマップは広範な概要を提供しますが、階層的な性質のため、個々のデータ ポイント間の正確な比較を達成するのは困難な場合があります。

  • 階層データに限定: ツリーマップは、階層データを視覚化する場合に最も効果的です。非階層的なデータセットの場合は、代替の視覚化の方が適している場合があります。

Tree Map Example