さきやんのDXらぼ！ 
こちらの記事では、Looker Studio（旧称データポータル）のグラフ追加方法（ツリーマップ）についてご紹介させていただきます！Looker Studioのグラフ追加方法（ツリーマップ）の全体概要を把握したい方におすすめです！
どーも、さきやんです！ご覧いただきありがとうございます。
こちらの記事にたどり着いているということは「Looker Studio（旧称データポータル）」に興味・関心がある方だと思っています。
こちらの記事は以下のような人におススメだと思います！
- これからLooker Studioを始めたい方
- Looker Studioの「グラフ追加（ツリーマップ）」について知りたい方
それではどうぞご覧ください！
こちらの記事では、大きく3つのステップで説明させていただきます。
まず初めに、Looker Studioのレポート作成の流れの中で「グラフ追加」がどこに位置付けられるのかについてご紹介させていただきます。
本記事の目的であるLooker Studioの「グラフ（ツリーマップ）」に関して基本的なことを解説させていただきます！
実際にサンプルデータを利用してツリーマップの実例と作り方を紹介させていただきます！
こんなグラフを作れるようになります！
本題を説明する前にさきやんの事前の準備・構築環境についてご紹介したいと思います。
以下のサンプルCSVデータを利用して説明しますので、実際に同じ作業をされたい場合はダウンロードしてご活用ください。
ダウンロード後にLooker Studioで「データの追加」⇒「ファイルのアップロード」の順で追加可能です。
また、Looker Studioの初期設定が終わっていない方は以下の記事を参考にしていただければ幸いです！
【初心者向けLookerStudio講座】Looker Studioの始め方
はじめに、Looker Studioのレポート作成の流れは以下の大きく5つのステップに分けられます。
今回の記事ではステップ❸が対象となります。
レポート化したいデータに接続し、必要に応じてデータソースエディタで利用しやすいデータに加工します。
接続されているデータからレポートに様々なグラフを追加します
キャンバスに対してテーマの選択やバナー追加を行います
作成したレポート（ダッシュボード）を表示、共有します
各ステップの概要については下記のページで整理していますのでご覧ください。
次から本題の内容を解説していきたいと思います！
それでは、この本題であるグラフの「ツリーマップ」について説明させていただきます。
ツリーマップとは、データを「ブランチ（ノードとも呼ばれる）」単位で表現し、このブランチはデータの値に応じたサイズと色の長方形として表示されます。複数のエンティティを対象に相対的な重要度や関係性を把握するのに役立ちます。
Looker Studioのメニューは以下の通りです。
例えば、都道府県別の販売金額の割合をLooker Studioの円グラフで表現すると以下の通りになります。
この場合20個までしか表現できなかったり、そもそも割合を把握するのが難しくなっていると思います。
こういった場合にツリーマップを利用して表現すると、以下のようになります。
色の濃淡と長方形のサイズで相対的な関係性や割合を把握できることがわかるかと思います。
この他にも複数のディメンションを指定することでレベルを切り替えることもできます（後ほど説明）。
ここまでが概要説明なので、ここからLooker Studioの実際の設定を説明していきます！
グラフ追加時の画面で抑えておくべきなのは「設定」と「スタイル」の2種類に分かれているということです。
自分の作成したいレポートに合うような形でこちらの設定を変更することになります。
| 画面メニュー | 設定内容 |
|---|---|
| 設定 | ディメンション、指標、期間、フィルタ、その他比較オプションなど |
| スタイル | 条件付き書式、フォント、背景・枠線、ラベル、グラフのヘッダー、パディング、など |
設定内容については選択するグラフによって設定可能なメニューが異なることをご認識ください。
ここまでは概要の説明ですので、ここから詳細な内容について解説させていただきます！
ここから具体的なツリーマップの「設定」内容についてご説明させていただきます。
ツリーマップの「設定」一覧と解説概要は以下の通りです。
今回は特徴的な機能の①についてもう少し詳しく機能を解説させていただきます。
① ディメンション
ディメンションの設定は、大きく3つの内容（ディメンション、表示するレベル、ドリルダウン）を設定変更することができるため、それぞれの内容を説明させていただきます。
ディメンションは複数設定することが可能です。
実際に「顧客地域」のディメンションの次に「顧客都道府県」を設定すると次のようなツリーマップになります。
さらに「カテゴリ」や「サブカテゴリ」も追加すると次のように表示されます。
「表示するレベル」オプションでは、グラフの粒度を決定することができます。
先ほど「カテゴリ」と「サブカテゴリ」がうまく表示されていなかったと思いますが、表示するレベルを「2」から「4」に変更すると次のように表示されます。
ちょっと見にくいですねｗｗ
さらに表示するレベルを「1」に変更すると次のように表示されます。
グラフをドリルダウンすると、データをより詳しく把握することができます。
「ドリルダウン」オプションを次のように有効にします。
追加したディメンションごとにさらに掘り下げて表示できることがわかるかと思います。
以上が「設定」についての説明です。設定の概要についてはイメージいただけたのではないでしょうか。このあと「スタイル」について解説させていただきます！
続いて、具体的なツリーマップの「スタイル」内容についてご説明させていただきます。
ツリーマップの「スタイル」一覧と解説概要は以下の通りです。
今回は特徴的な機能の①についてもう少し詳しく機能を解説させていただきます。
① ツリーマップ
ツリーマップ設定では、最大値や最小値の色や分岐ヘッダーの表示切替などが可能です。
それぞれの項目について簡単に紹介させていただきます。
最大値の色を「赤色」、中間値の色を「黄色」、最小値の色と「青色」に変更した場合は次のように表示されます。
これはちょっと見にくいですねｗｗ
ツリーマップの特徴的な設定は以上です。他の設定については他の記事をご覧いただければ幸いです。
【初心者向けLookerStudio講座】グラフ追加方法（期間・折れ線）を解説！
以上でツリーマップの基本的な説明は完了です！
最後に、実際にツリーマップを作りながらご説明させていただきます。
以下のサンプルCSVデータを利用して説明しますので、実際に同じ作業をされたい場合はダウンロードしてご活用ください。
ダウンロード後にLooker Studioで「データの追加」⇒「ファイルのアップロード」の順で追加可能です。
まず今回実際に作ってみるツリーマップは以下の通りです。
このツリーマップを作成する上でのポイントを以下で簡単に記載させていただきます。
それでは実際に作っていきたいと思いますが、「設定」と「スタイル」の画面ごとにご説明＆作業させていただきます。
説明上は上記の設定で作業を進めますが、適宜ご自分の好きなように変更していただいて問題ございません！
まずLooker Studioでツリーマップを選択し、ドラッグアンドドロップします。
デフォルトでディメンションが設定されるため、ディメンションで「顧客地域」、「顧客都道府県」を選択します。
続いて、指標で「販売金額」を選択します。
キャプチャ画像が異なっておりすみませんｍｍ
続いて「デフォルトの日付範囲」の「カスタム」を選択し、▼ボタンをクリックします。
期間で「今年」を選択し、適用ボタンをクリックします。
この作業で集計する期間を2024年に指定します。本記事を投稿するのが2024年ですので利用時期に応じて選択してください！
ここから直接ツリーマップとは関係ありませんが、ディメンションコントロールを追加します。
「コントロールを追加」を選択し、「ディメンションコントロール」をクリックします。
ディメンションに「顧客都道府県」を追加します。
「設定」での作業はこれで完了です。
続いて「スタイル」の作業です！
「スタイル」を選択し、ツリーマップの中で「最大値の色」をお好きなものに選択し、「目盛を表示」のチェックを外します。
次のような状態になっているかと思います。
続いて「テキスト」の中で「ディメンションのみ」をクリックし、「ディメンションと指標（値）」を選択します。
次のように指標の値が表示されるようになったと思います。
最後にサイズなどを調整して配置を変更すれば完成です！
一応コントロールができるか確認してみます。ディメンションをクリックし、「顧客都道府県」を選択します。
次のように「顧客地域」別の表示ではなく、「顧客都道府県」別に表示されていることがわかります。
お疲れさまでした！これで実例でお見せしたツリーマップを作成することができました！
お疲れさまでした！これでこちらの記事のゴールは達成です！
これでご覧の皆様もLooker Studioのグラフ追加（ツリーマップ）に関する基礎を把握している状態が整いました！
以上、本記事は終わりになりますので、ここまで読んでいただいた方は誠にありがとうございました！
Looker Studioに関する情報は以下のページでまとめておりますので、他にもLooker Studioの事例や基本的な情報が知りたい方は是非ご覧ください！
