ツリーマップを作成

Tree Map / ツリーマップ

無料・登録不要でツリーマップを作成することができるオンラインツールです。
完成したツリーマップは画像でダウンロードできます。

データ入力

カテゴリーと項目を自由に追加・編集してください。

オプション

チャートの表示と出力を調整します。

数値の単位

値を表示する

プレビュー

ツリーマップとは何ですか？

ツリーマップは、階層構造を持つデータを長方形の面積で表現するグラフです。大きな枠組み（親要素）が、その内訳（子要素）を内包する形で構成されます。各長方形の面積の大きさがデータ量を表すため、「全体の中での各要素の割合」を直感的に把握するのに適しています。ウェブサイトのアクセス解析、予算の内訳、売上の構成比などを視覚化するのによく利用されます。

データの追加や編集はどのように行いますか？

「データ入力」カード内で直感的に操作できます。

カテゴリーの追加: 一番下の「カテゴリーを追加」ボタンを押すと、新しい大きな枠組みが追加されます。
項目の追加: 各カテゴリー内にある「項目を追加」ボタンを押すと、その内訳となる新しい項目を追加できます。
編集: カテゴリー名や項目名、数値を直接クリックして編集できます。
削除: 各項目やカテゴリーの右側にあるゴミ箱アイコン（🗑️）を押すと、そのデータを削除できます。

カテゴリーの色を自由に変更できますか？

はい、できます。「データ入力」カード内にある各カテゴリー名の左隣にある色のついた四角いボックスをクリックすると、カラーピッカーが表示されます。お好みの色を選択すると、チャートにリアルタイムで反映されます。

背景色によって文字が見えにくくなりませんか？

ご安心ください。背景色（カテゴリーの色）の明るさを自動で判別し、文字の色が最も見やすい「白」または「黒」に自動で切り替わるよう設計されています。

オプションでは何が設定できますか？

「オプション」カードで以下の設定が可能です。

数値の単位: 「円」「個」「人」など、データに合わせた単位を自由に設定できます。ツールチップやラベルに反映されます。
子要素の値を表示する: チャート上の各項目（子要素）に、その数値を表示するかどうかのオン・オフを切り替えられます。
画質: 保存する画像の解像度を「x1 (標準)」「x2 (高画質)」「x3 (最高画質)」から選択できます。

作成したチャートを保存するには？

プレビューエリアの下にある「保存」ボタンをクリックすると、作成したグラフをPNG/JPEG/SVG形式・画質を指定してダウンロードできます。アスペクト比を変更したい場合は、プレビューの枠線の右下にあるハンドルをドラッグして調整できます。