
情報の視覚化とコンピューティングにおいて、ツリーマッピングは、ネストされた図形 (通常は長方形) を使用して階層データを表示する方法です。
ツリーマップは、階層的(ツリー構造)なデータをネストされた長方形のセットとして表示します。ツリーの各ブランチには長方形が割り当てられ、サブブランチを表す小さな長方形が並べられます。リーフノードの長方形の面積は、データの指定された次元に比例します。[1]多くの場合、リーフノードはデータの別の次元を示すために色分けされます。
色とサイズの次元がツリー構造と何らかの形で相関している場合、特定の色が特に関連しているかどうかなど、他の方法では見つけにくいパターンを簡単に確認できることがよくあります。ツリーマップの 2 つ目の利点は、構造上、スペースを効率的に使用できることです。その結果、何千もの項目を同時に画面上に読みやすく表示できます。
タイルアルゴリズム
ツリーマップを作成するには、タイリング アルゴリズム、つまり、領域を指定されたエリアのサブ領域に分割する方法を定義する必要があります。理想的には、ツリーマップ アルゴリズムは次の基準を満たす領域を作成します。
- 小さいアスペクト比(理想的には1に近い値)。アスペクト比が小さい領域(つまり、太い物体)は認識されやすくなります。[2]
- 入力データの順序をある程度保持します (順序付き)。
- 基礎データの変更を反映するように変更します (高い安定性)。
これらの特性は逆の関係にあります。アスペクト比が最適化されると、配置順序は予測しにくくなります。順序が安定すると、アスペクト比は低下します。[例が必要]
長方形のツリーマップ
現在までに、15 の主要な長方形ツリーマップ アルゴリズムが開発されています。
凸型ツリーマップ
長方形のツリーマップには、最悪の場合、アスペクト比が任意に高くなる可能性があるという欠点があります。簡単な例として、ツリーのルートに 1 つの重みが でもう1 つの重みがの 2 つの子しかない場合、小さい方の子のアスペクト比は になり、任意に高くなる可能性があります。この問題に対処するために、必ずしも長方形である必要はなく、一般的な凸多角形の領域を使用するアルゴリズムがいくつか提案されています。
凸型ツリーマップはいくつかのステップで開発され、各ステップでアスペクト比の上限が改善されました。上限は、ツリー内のノードの総数と、ツリーの深さの合計の関数として与えられます。
- OnakとSidiropoulos [15]は上限を証明した。
- De-BergとOnakとSidiropoulos [16]は上限を に改善し、 の下限を証明した。
- De-BergとSpeckmannとvan-der-Weele [17]は、理論上の下限と一致するように上限を に改善しました。(深さが1の特殊なケースでは、彼らは45度多角形の4つのクラス(長方形、直角三角形、直角台形、45度五角形)のみを使用し、最大で34/7のアスペクト比を保証するアルゴリズムを提示しています。)
後者の 2 つのアルゴリズムは 2 つのステップで動作します (わかりやすくするために大幅に簡略化されています)。
- 元のツリーはバイナリ ツリーに変換されます。つまり、2 つ以上の子を持つ各ノードは、各ノードがちょうど 2 つの子を持つサブツリーに置き換えられます。
- ノードを表す各領域(ルートから始まる)は、エッジ間の角度を可能な限り大きく保つ線を使用して 2 つに分割されます。凸多角形のすべてのエッジが少なくとも の角度で分離されている場合、そのアスペクト比は であることが証明できます。深さ のツリーでは、角度が最大 の係数で分割されることを保証できます。これがアスペクト比保証です。
正凸ツリーマップ
凸型ツリーマップでは、アスペクト比は一定ではなく、ツリーの深さに応じて大きくなります。一定のアスペクト比を実現するために、 正凸型ツリーマップ[17]を使用できます。このツリーマップでは、すべての領域はアスペクト比が最大 64 の正凸直線多角形であり、 葉はアスペクト比が最大 8 の長方形、またはアスペクト比が最大 32 の L 字型または S 字型です。
深さが 1 である特殊なケースでは、長方形と L 字型のみを使用し、アスペクト比が最大 であるアルゴリズムが提示されています。内部ノードは、アスペクト比が最大 の長方形のみを使用します。
その他のツリーマップ
- ボロノイツリーマップ
- [18]はボロノイ図の計算に基づいています。このアルゴリズムは反復的であり、アスペクト比の上限は与えません。
- ジグソーツリーマップ[19]
- 空間充填曲線の幾何学に基づいています。重みは整数であり、その合計は平方数であると想定されています。マップの領域は直線多角形で、非直交凸性が非常に高くなっています。アスペクト比は最大 4 であることが保証されています。
- ゴスパーマップ
- [20]はゴスパー曲線の幾何学に基づいています。整然としていて安定していますが、アスペクト比が非常に高いです。
歴史

エリアベースの視覚化は数十年前から存在しています。たとえば、モザイク プロット(マリメッコ図とも呼ばれます) は、長方形のタイリングを使用して結合分布を表示します (つまり、最も一般的なのは、列の幅が異なる積み上げ列プロットです)。ただし、ツリーマップの主な特徴は、任意の数のレベルの階層データに拡張できる再帰構造です。このアイデアは、1990 年代初頭に メリーランド大学ヒューマン コンピューター インタラクション ラボのBen Shneiderman教授によって発明されました。 [21] [22] Shneiderman 教授と彼の協力者は、ツリーマップをフィルタリングおよび調整するためのさまざまなインタラクティブな手法を導入することで、このアイデアを深めました 。
これらの初期のツリーマップはすべて、単純な「スライス アンド ダイス」タイリング アルゴリズムを使用していました。スライス アンド ダイス法は、多くの望ましい特性 (安定性、順序の維持、実装の容易さなど) があるにもかかわらず、細長い長方形が多数含まれるタイリングを生成することがよくあります。1994 年に、Mountaz Hascoet とMichel Beaudouin-Lafon は、長方形が正方形に近いタイリングを作成する「スクエア化」アルゴリズムを発明しました。このアルゴリズムは、後にJarke van Wijkによって普及しました。1999 年にMartin Wattenberg は、「スクエア化」アルゴリズムのバリエーションである「ピボット アンド スライス」を使用して、最初の Web ベースのツリーマップである SmartMoney Map of the Market を作成しました。このツリーマップは、米国株式市場の何百もの企業のデータを表示しました。ツリーマップのリリース後、特に金融の分野でツリーマップへの関心が高まりました。[引用が必要]
ツリーマップのイノベーションの第3の波は、Marcos Weskampがニュースの見出しを表示するツリーマップであるNewsmapを作成した2004年頃に起こりました。この非分析的なツリーマップの例は、多くの模倣者に影響を与え、ツリーマップを新しい幅広い視聴者に紹介しました。[要出典]近年、ツリーマップは、ニューヨークタイムズでの使用など、主流メディアに進出しています。[23] [24] Treemap Art Project [25]は、米国国立科学アカデミー向けに12枚の額入り画像を制作し、ワシントンDCのEvery AlgoRiThm has ART in It展示会[26]で展示され、ニューヨーク 近代美術館のコレクション用に別のセットが制作されました。
参照
- ディスクスペースアナライザー
- データと情報の視覚化
- Marimekko Chart は、1 つのレベルの明示的な階層を持つ同様の概念です。
参考文献
- ^ Li, Rita Yi Man; Chau, Kwong Wing; Zeng, Frankie Fanjie (2019). 「既存および新規の建築工事のリスクランキング」.サステナビリティ. 11 (10): 2863. doi : 10.3390/su11102863 .
- ^ Kong, N; Heer, J; Agrawala, M (2010). 「長方形のツリーマップを作成するための知覚ガイドライン」. IEEE Transactions on Visualization and Computer Graphics . 16 (6): 990–8. CiteSeerX 10.1.1.688.4140 . doi :10.1109/TVCG.2010.186. PMID 20975136. S2CID 11597084.
- ^ Vernier, E.; Sondag, M.; Comba, J.; Speckmann, B.; Telea, A.; Verbeek, K. (2020). 「時間依存ツリーマップの定量的比較」.コンピュータグラフィックスフォーラム. 39 (3): 393–404. arXiv : 1906.06014 . doi :10.1111/cgf.13989. S2CID 189898065.
- ^ Shneiderman, Ben (2001). 「順序付けられたツリーマップレイアウト」(PDF) . Infovis : 73.
- ^ Benjamin, Bederson; Shneiderman, Ben; Wattenberg, Martin (2002). 「順序付きおよび量子ツリーマップ: 階層を表示するための 2D 空間の有効利用」(PDF) . ACM Transactions on Graphics . 21 (4): 833–854. CiteSeerX 10.1.1.145.2634 . doi :10.1145/571647.571649. S2CID 7253456.
- ^ abc Shneiderman, Ben; Wattenberg, Martin (2001). 「順序付けられたツリーマップレイアウト」. IEEE 情報視覚化シンポジウム: 73–78.
- ^ Engdahl, Björn.順序付き量子ツリーマップ: 2D 空間を効果的に利用して階層を表示する。
- ^ Tu, Y.; Shen, H. (2007). 「ツリーマップを使用した階層データの変更の視覚化」(PDF) . IEEE Transactions on Visualization and Computer Graphics . 13 (6): 1286–1293. doi :10.1109/TVCG.2007.70529. PMID 17968076. S2CID 14206074 . 2022年8月8日時点のオリジナルよりアーカイブ(PDF) .
- ^ ab Tak, S.; Cockburn, A. (2013). 「ヒルベルトおよびムーアのツリーマップによる空間安定性の向上」(PDF) . IEEE Transactions on Visualization and Computer Graphics . 19 (1): 141–148. doi :10.1109/TVCG.2012.108. PMID 22508907. S2CID 6099935.
- ^ マーク、ブルルズ;ホイジング、キース。ファン・ワイク、ヤルケ・J. (2000)。 「四角形のツリーマップ」。デ・レーウ、W.ヴァン・リエール、R. (編)。データ視覚化 2000: Proc. Eurographics と IEEE TCVG Symp の共同視覚化について(PDF)。スプリンガー・フェルラーク。 33~42ページ。。
- ^ ロエル・フリーゲン;エリック=ヤン・ファン・デル・リンデン。ヤルケ・J・ファン・ワイク。 「一般化されたツリーマップによるビジネス データの視覚化」(PDF)。2011 年 7 月 24 日のオリジナル(PDF)からアーカイブ。2010 年2 月 24 日に取得。
- ^ Nagamochi, H.; Abe, Y.; Wattenberg, Martin (2007). 「長方形を指定された面積の長方形に分割するための近似アルゴリズム」.離散応用数学. 155 (4): 523–537. doi : 10.1016/j.dam.2006.08.005 .
- ^ Vernier, E.; Comba, J.; Telea, A. (2018). 「ソフトウェア進化の視覚化のための動的ツリーマップの定量的比較」Conferenceon Software Visualization : 99–106。
- ^ Sondag, M.; Speckmann, B.; Verbeek, K. (2018). 「ローカル移動による安定したツリーマップ」(PDF) . IEEE Transactions on Visualization and Computer Graphics . 24 (1): 729–738. doi :10.1109/TVCG.2017.2745140. PMID 28866573. S2CID 27739774.
- ^ Krzysztof Onak、Anastasios Sidiropoulos。「Circular Partitions with Applications to Visualization and Embeddings」。2011年6月26日閲覧。
- ^ Mark de Berg; Onak, Krzysztof; Sidiropoulos, Anastasios (2013). 「視覚化と埋め込みへの応用を伴うファットポリゴンパーティション」。計算幾何学ジャーナル。4 (1): 212–239。arXiv : 1009.1866。
- ^ ab De Berg, Mark; Speckmann, Bettina ; Van Der Weele, Vincent (2014). 「境界付きアスペクト比のツリーマップ」.計算幾何学. 47 (6): 683. arXiv : 1012.1749 . doi : 10.1016/j.comgeo.2013.12.008 . S2CID 12973376.. カンファレンスバージョン:境界付きアスペクト比の凸型ツリーマップ(PDF) . EuroCG. 2011.
- ^ Balzer, Michael; Deussen, Oliver (2005). 「Voronoi Treemaps」。Stasko, John T.、Ward, Matthew O. (編)。IEEE Symposium on Information Visualization (InfoVis 2005)、2005 年 10 月 23 ~ 25 日、ミネソタ州ミネアポリス(PDF)。IEEE Computer Society。p. 7。。
- ^ Wattenberg, Martin (2005)。「空間充填視覚化と空間充填曲線に関する注記」。Stasko, John T.、Ward, Matthew O. (編)。IEEE Symposium on Information Visualization (InfoVis 2005)、2005 年 10 月 23 ~ 25 日、ミネソタ州ミネアポリス(PDF)。IEEE Computer Society。p. 24。。
- ^ デヴィッド・オーベール;チャールズ・ヒュエット。ランバート、アントワーヌ。ルナウスト、ベンジャミン。サラベリー、アルノー。ソルニエ、アグネス (2013)。 「ゴスパー マップ: 階層データをレイアウトするためのゴスパー カーブの使用」。視覚化とコンピュータ グラフィックスに関する IEEE トランザクション。19 (11): 1820 ~ 1832 年。土井:10.1109/TVCG.2013.91。PMID 24029903。S2CID 15050386 。。
- ^ Shneiderman, Ben (1992). 「ツリーマップによるツリーの視覚化: 2次元空間充填アプローチ」ACM Transactions on Graphics . 11 : 92–99. doi :10.1145/102377.115768. hdl : 1903/367 . S2CID 1369287.
- ^ Ben Shneiderman、Catherine Plaisant (2009 年 6 月 25 日)。「空間的に制約のある階層の視覚化のためのツリーマップ ~ メリーランド大学でのツリーマップ研究の歴史を含む」 。2010年2 月 23 日閲覧。
- ^ Cox, Amanda; Fairfield, Hannah (2007 年 2 月 25 日)。「自動車、バン、SUV、トラック市場の健全性」。ニューヨーク タイムズ。2010年3 月 12 日閲覧。
- ^ カーター、シャン、コックス、アマンダ(2011年2月14日)。「オバマの2012年度予算案:3.7兆ドルの使い道」ニューヨーク・タイムズ。2011年2月15日閲覧。
- ^ “Treemap Art”. 2023年12月5日時点のオリジナルよりアーカイブ。
- ^ 「すべてのアルゴリズムにはアートが詰まっている:ツリーマップアートプロジェクト」。CPNAS。2023年10月8日時点のオリジナルよりアーカイブ。
外部リンク
- ツリーマップアートプロジェクトがワシントンDCの国立科学アカデミーのために制作した展示会
- 「ツリーマップの視覚化を使用したビジネス インテリジェンスの発見」、Ben Shneiderman、2006 年 4 月 11 日
- ツリー可視化技術の包括的な調査と参考文献
- Vliegen, Roel; van Wijk, Jarke J.; van der Linden, Erik-Jan (2006 年 9 月~10 月)。「一般化されたツリーマップによるビジネス データの視覚化」( PDF)。IEEE Transactions on Visualization and Computer Graphics。12 ( 5): 789–796。doi : 10.1109 /TVCG.2006.200。PMID 17080801。S2CID 18891326。2011 年7 月 24 日の オリジナル(PDF)からアーカイブ。
- Ben Shneiderman によるツリーマップの歴史。
- インタラクティブな動的マップを使用したハイパーメディア探索。Zizi と Beaudouin-Lafon による論文で、正方形化されたツリーマップ レイアウト アルゴリズム (当時は「改良されたツリーマップ レイアウト」と呼ばれていました) が紹介されています。
- インディアナ大学の説明
- Flytail Groupのクラウドソーシングによる割引情報に基づくライブ インタラクティブ ツリーマップ
- The Hive Groupの英語版ツリーマップのサンプル
- Macrofocus TreeMap で作成されたツリーマップの例をいくつか紹介します。
- drasticdata による動的ツリーマップとオンライン ツリーマッピング ソフトウェアを使用した視覚化
