本文へ移動

§01-08Data Visualization

ツリーマップ

入れ子の矩形の面積で値の大小を示す。

階層を持つ数値を面積で表し、全体に占める割合と内訳を同時に見せる。カテゴリ数が多く、棒グラフでは縦に長くなりすぎるときに効く。

実装のポイント

面積を値に比例させるには squarified アルゴリズムで矩形を分割する。小さいセルはラベルを省略し、ツールチップで値を補う。

特徴
  • チャート
ソース
treemap.tsx