3Dツリーマップ（3D Treemaps）は、従来のツリーマップを三次元空間に拡張し、面積に加えて高さ（Z軸）で追加の数量的変数を表現する可視化手法です。「押し出し型（extrusion-based）」とも呼ばれ、各ノードが立体的なブロックとして描画されます。面積でカテゴリーの大きさを、高さで別の数値変数（売上、成長率など）を同時に表現でき、階層データの探索的分析に活用されています。
歴史的経緯
ツリーマップ自体は1990年にBen Shneidermanによって考案されました。ファイルシステムのディスク使用量を可視化する目的で開発され、階層データを長方形の入れ子として表現するアイデアが基盤です。その後、コンピュータグラフィックス技術の向上に伴い、3Dへの拡張が試みられるようになりました。2000年代には、Hans-Jorg Schulzらによる「Exploration of the 3D Treemap Design Space」などの研究により、3Dツリーマップのデザイン空間が体系的に整理されました。現在では、WebGLやGPUレンダリング技術の進歩により、ブラウザ上でもインタラクティブな3Dツリーマップが実現可能になっています。
データ構造
| 項目 | 内容 | 例 |
|---|---|---|
| ノード（Node） | 階層内の各要素 | 部門名、製品カテゴリ、ディレクトリ名 |
| 親子関係（Parent-Child） | ノード間の包含関係 | カテゴリ-サブカテゴリ-アイテム |
| 面積変数（Size） | 各ノードの面積にマッピングする数値 | 売上額、ファイルサイズ、人口 |
| 高さ変数（Height） | 各ノードの高さにマッピングする数値 | 成長率、バグ密度、利益率 |
| 色変数（任意） | カテゴリや値を色で表現 | 業種、リスクレベル、ステータス |
目的
3Dツリーマップの主な目的は、階層データにおいて2つの数量的変数（面積と高さ）を同時に可視化することで、要素間の比較や全体構造の把握を直感的に行えるようにすることです。特に、大規模な階層データの中から注目すべきパターンや外れ値を発見する探索的分析に適しています。
ユースケース
- ソフトウェアのモジュール階層を面積でコードサイズ、高さでバグ密度として表現する
- 企業の事業部門別の売上（面積）と成長率（高さ）を同時に比較する
- ファイルシステムのディレクトリ構造をサイズ（面積）と更新頻度（高さ）で可視化する
- 投資ポートフォリオのセクター配分（面積）とリターン（高さ）を視覚的に把握する
- 組織の人員配置（面積）と生産性指標（高さ）を階層的に分析する
特徴
| 特徴 | 説明 |
|---|---|
| 追加変数の可視化 | 高さを用いて2Dツリーマップにもう一つの変数を追加表現できます |
| 高い情報密度 | 面積・高さ・色の3チャンネルで複数の変数を同時に表現可能です |
| 視覚的インパクト | 立体構造により印象的な表現が得られます |
| 探索的操作 | 回転・ズームなどのインタラクティブな操作で多角的に観察できます |
| 認知的負荷 | 奥行きや遮蔽により、2Dツリーマップと比較して読み取りが難しくなります |
チャートの見方
| 要素 | 表すもの | 説明 |
|---|---|---|
| 底面の面積 | サイズ変数 | 面積が大きいほど、そのノードの値（売上、人口など）が大きいことを示します |
| ブロックの高さ | 高さ変数 | 高いブロックほど、別の指標（成長率、密度など）の値が大きいことを意味します |
| 色 | カテゴリまたは値 | 色相でカテゴリを区別したり、彩度・明度で追加の数値を表現する場合があります |
| ブロックの位置 | 階層構造 | 親ノード内に子ノードが配置され、入れ子構造で階層関係を示します |
デザイン上の注意点
- 奥行き方向の重なりや視点の歪みにより、ブロック同士の正確な比較が困難になるため、ツールチップで正確な数値を表示することが重要です
- 視点操作（回転・ズーム・パン）を提供し、ユーザーが自由に視点を調整できるようにします
- 陰影処理を適切に施すことで、奥行き感を補い、立体構造の認識を助けます
- 高さのスケーリングを慎重に設定し、極端に高いブロックが他の要素を隠さないようにします
- 重要な分析用途では、2Dツリーマップとの切り替え表示を検討することが有効です
応用例
- ソフトウェア品質分析：コードベースのモジュール階層を3Dツリーマップで表現し、コードサイズを面積、バグ密度や複雑度を高さで示すことで、問題のあるモジュールを視覚的に特定する
- ファイルシステム分析：ディレクトリ構造をツリーマップで可視化し、ファイルサイズを面積、最終更新日を高さで表現して、大きくて古いファイルを発見する
- 財務ダッシュボード：企業グループの事業構造を階層的に表現し、売上を面積、利益率を高さで示すことで、収益性の高い事業セグメントを把握する
代替例
- 2Dツリーマップ（Treemap）：高さを用いない従来の長方形ツリーマップ
- サンバーストチャート（Sunburst Chart）：放射状に階層を展開する表現
- アイシクルチャート（Icicle Chart）：階層を横方向の帯で表現する手法
- 円形パッキング（Circle Packing）：円の入れ子で階層を表す表現
- ツリーダイアグラム（Tree Diagram）：ノードと枝で階層関係を示す図
まとめ
3Dツリーマップは、階層データを三次元的に表現することで、追加変数の可視化やインタラクティブな探索を可能にする拡張手法です。視覚的なインパクトが強く、パターンの発見や探索的分析に向いています。ただし、視点の歪みや認知的負荷が高いため、用途によっては従来の2Dツリーマップのほうが効果的な場合もあります。目的に応じて2Dと3Dを使い分ける判断が重要です。
参考・出典
| |