構成比・割合Treemap難易度: 普通
ツリーマップ
一言でわかる可視化ポイント
項目が多い内訳を、面積の大きさでコンパクトに俯瞰する
長方形の面積で構成比を表します。円グラフには多すぎる商品や部署を、限られたスペースで「どこが大きいか」把握できます。
インタラクティブプレビュー
商品A
42%
42%
商品B
28%
28%
C
その他
※マウスホバーやクリックでアニメーションや数値の変化を確認できます。
おすすめHTML/CSSカラーパレットサンプル
ダッシュボードの視認性を高めるためのカラーコード例です。グラフで最も伝えたい要素にイエローなどのアクセントカラーを割り当て、比較対象にはダークカラーを使用します。
最大項目
最大シェア
#FACC15HEX
中項目
中規模カテゴリ
#38BDF8HEX
小項目
細かなカテゴリ
#3F3F46HEX
こんな可視化に向いている（GOOD）
- 多数の商品カテゴリ別売上
- 部署別コストの内訳
- Webサイトのページ別閲覧数
やってはいけないNGパターン（BAD）
- 近い面積同士を正確に順位付けさせること。細かな比較には棒グラフが適します
標準機能で対応しているおすすめBIツール
Power BILooker StudioTableau
Looker StudioからRetoolまで！BIツール比較ガイドを読む