§01-08Data Visualization
ツリーマップ
入れ子の矩形の面積で値の大小を示す。
階層を持つ数値を面積で表し、全体に占める割合と内訳を同時に見せる。カテゴリ数が多く、棒グラフでは縦に長くなりすぎるときに効く。
実装のポイント
面積を値に比例させるには squarified アルゴリズムで矩形を分割する。小さいセルはラベルを省略し、ツールチップで値を補う。
- 特徴
- チャート
- ソース
- treemap.tsx
§01-08Data Visualization
入れ子の矩形の面積で値の大小を示す。
階層を持つ数値を面積で表し、全体に占める割合と内訳を同時に見せる。カテゴリ数が多く、棒グラフでは縦に長くなりすぎるときに効く。
面積を値に比例させるには squarified アルゴリズムで矩形を分割する。小さいセルはラベルを省略し、ツールチップで値を補う。