--- title: 【Sisense Widget】標準ウィジェットを一挙大紹介 - その5 description: 今回は、Sisenseの標準ウィジェット紹介第5弾として、ツリーマップ・カレンダーヒートマップ・散布マップの３つを紹介します。どれも棒グラフや折れ線グラフなどに比べると使用頻度はそこまで高くないウィジェットですが、使いようによっては重要なインサイトを得ることができます。 image: https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/6e54101390cddb2bdff052c8f04c60a3-2.png --- ![INSIGHT LAB_文字のみ_WHT-1](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png?width=400&height=110&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png) ![INSIGHT LAB_文字のみ](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF.png?width=400&height=110&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF.png) [![お問い合わせ](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/5935783/a4a0266e-14ad-4388-b83f-681a6f35b8a7.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/5935783/a4a0266e-14ad-4388-b83f-681a6f35b8a7) - [Sisenseとは](https://service.insight-lab.co.jp/sisense) - [Sisenseナレッジ](https://knowledge.insight-lab.co.jp/sisense) - [セミナー](https://event.insight-lab.co.jp/sisense-seminar) - [トレーニング](https://service.insight-lab.co.jp/data-analytics-dojo/training_course) - [お役立ち資料](https://download.insight-lab.co.jp/sisense/download) ###### 3 分で読むことができます。 # [【Sisense Widget】標準ウィジェットを一挙大紹介 - その5](https://knowledge.insight-lab.co.jp/sisense/widget/widget_introduction5) 執筆者 [Turtle](https://knowledge.insight-lab.co.jp/sisense/author/turtle) 更新日時 2020年10月16日 ###### Topics: [Widget](https://knowledge.insight-lab.co.jp/sisense/tag/widget) ![【Widget】Sisense 標準ウィジェットを一挙大紹介 - その5](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/6e54101390cddb2bdff052c8f04c60a3-2.png) 目次 こんにちは。Turtleです。 ぼくは極度な方向音痴で、地元札幌ですらGoogle Mapを使わないと道に迷ってしまうほどの重症である。よって、Google Mapのヘビーユーザーなのだが...（とはいえ最近はほとんど外出しないし、するとしても家の周りを散歩したり近くのスーパーで買い物をするくらいなのであまり使えていない） [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/IMG_9561-2.jpg?width=746&height=216&name=IMG_9561-2.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/IMG_9561-2.jpg) 普段全く意識していなかったから気付かなかったけど、Google Mapは「Takeout」「Delivery」をこんなに推していたのか...いつからこうなっていたのか分からないけど、この辺はさすがだなあと思いました、という報告です。 さて、今回は標準ウィジェット紹介記事第5弾として、ツリーマップ・カレンダーヒートマップ・散布マップの３つを紹介させていただく。前置きも含めて、マップ尽くしです！！！   ## 1. ツリーマップ まずは、ツリーマップの紹介から。下の設定画面の画像を見るとわかるように、ツリーマップには「カテゴリ」「サイズ」「色」の３つの設定項目がある。以下では、それらについて簡単に解説する。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/d79d2a8dc34217449bbc3b8634a1f10e-1024x433-2.png?width=1024&height=433&name=d79d2a8dc34217449bbc3b8634a1f10e-1024x433-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/d79d2a8dc34217449bbc3b8634a1f10e-2.png) **カテゴリ** ここで、グラフ内に四角形として表す値のフィールドを選択する。最大3つのフィールドを追加し、階層を作成することが可能（今回でいうと、「商品大分類」→「商品中分類」という階層を作成している）。 **サイズ ** 四角形のサイズを決定する値を持つフィールドを選択する。通常、数値データを設定する。1つのフィールドのみを追加できる。 **色** 四角形の基本色として使用するフィールドを選択する。選択したフィールドに応じて色分けの種類が異なる点は押さえておきたい。 記述データを選択すると、そのフィールドのメンバーのすべての四角形が同じ色になる。例えば今回のように、色 で「商品大分類」を選択すると、商品大分類ごとに色分けされる。 数値データを選択すると、その値に応じて各四角形に色が付けられる。これまでに何度か触れてきた色の設定と同様に、値に応じた色分けを任意で設定することができる。例えば、下の画像のように、売上数量に応じてグラデーションで色付けすることが可能である。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/49b3adc86bb30beea21f714ac824b253-1024x524-2.png?width=1024&height=524&name=49b3adc86bb30beea21f714ac824b253-1024x524-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/49b3adc86bb30beea21f714ac824b253-2.png) **詳細の表示** また、ツリーマップでは、カーソルをフィールドの上に動かすと、詳細を確認することができる。今回の例のように、カテゴリを階層構造にしておくと、上位のカテゴリに占める割合を自動で表示してくれる。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/29d836ecaaa22013c115595940ea6cfe-2.png?width=589&height=261&name=29d836ecaaa22013c115595940ea6cfe-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/29d836ecaaa22013c115595940ea6cfe-2.png) 下の画像のように、カテゴリが階層構造になっていない（単一のフィールド）に設定されているときは、右側のデザイン設定の「ツールヒント」で、ホバーしたときに値と貢献度（全体に占める割合のこと）のどちらを表示するかを設定することができる。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/fecc8d234be768e7839dfd2a3fba00f9-2.png?width=989&height=356&name=fecc8d234be768e7839dfd2a3fba00f9-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/fecc8d234be768e7839dfd2a3fba00f9-2.png) ## 2. カレンダーヒートマップ 次に、カレンダーヒートマップについて紹介する。カレンダーヒートマップの設定画面は以下のようになっている。「日付」でDate-Time型のデータを設定し、「色」で何の値に基づいて色付けをするかを設定するシンプルなものだ。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/d79c5ef9d5f9c42a3e0c6677056bb298-1024x400-2.png?width=1024&height=400&name=d79c5ef9d5f9c42a3e0c6677056bb298-1024x400-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/d79c5ef9d5f9c42a3e0c6677056bb298-2.png) ここでは、右側のデザイン設定を詳しく見ていくことにする。 **月** 一度に表示する月数を設定することができる。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/b93ab6e48f40e79221e3948215daf49c-2.png?width=1005&height=296&name=b93ab6e48f40e79221e3948215daf49c-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/b93ab6e48f40e79221e3948215daf49c-2.png) **カレンダータイプ** ここで2種類の表示タイプから選択することができる。「クラシック」は一般的なカレンダー、「週表示」は一週間を縦に表示する仕様となっている。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/8cd1c6747c4bd6c39a6e15f63f0352eb-2.png?width=898&height=473&name=8cd1c6747c4bd6c39a6e15f63f0352eb-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/8cd1c6747c4bd6c39a6e15f63f0352eb-2.png) **その他設定** 週の開始日と、その他細かい表示の設定を行うこともできる。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/b84e24856a1130b055f1fd1db35a34ff-2.png?width=912&height=459&name=b84e24856a1130b055f1fd1db35a34ff-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/b84e24856a1130b055f1fd1db35a34ff-2.png) ## 3. 散布マップ 最後に、散布マップの設定について。 散布マップは、「場所」「色」「サイズ」「詳細」の４つの設定項目がある。なお、デザイン設定の「マーカーのスタイル」と「マーカーのサイズ」については、ここでは触れないこととする。気になる方は、是非自身で触って見てほしい。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/8060dca51e5f6d5b576159dc8996df43-1024x433-2.png?width=1024&height=433&name=8060dca51e5f6d5b576159dc8996df43-1024x433-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/8060dca51e5f6d5b576159dc8996df43-2.png) **場所 ** 地理データを含むフィールドを追加する。なお、サポートされている場所タイプは「国」「市区町村」「州/都道府県」「緯度/経度（例：37.5601、-122.50131、ただし37.5601°N、122.50131°Wではない）」の４つとされている。 また、緯度データと経度データを使用する場合、緯度データを含む1つのフィールドと、経度データを含むもう1つのフィールドを、緯度データ、経度データの順に追加する必要がある。 **色** 数値フィールドを選択し、値に応じた色付け設定を行うことが可能。 **サイズ** 数値フィールドを選択すると、マップ上の散布ポイントのサイズがフィールドの値に対応する。 **詳細** マップ内のデータポイントにマウスを合わせると表示される追加データ（数値または記述）を選択できる。今回は、顧客数（COUNT(顧客ID)）を追加している。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/6e54101390cddb2bdff052c8f04c60a3-2.png?width=883&height=528&name=6e54101390cddb2bdff052c8f04c60a3-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/6e54101390cddb2bdff052c8f04c60a3-2.png) ## 4. まとめ 今回は、ツリーマップ・カレンダーヒートマップ・散布マップの３つのマップを紹介した。いずれも使用頻度がものすごく高いわけではないが、効果的に使うことでインサイトを得ることが出来るウィジェットだと個人的に思う。 話は変わるが、この第5回を持って標準ウィジェット紹介記事は終了とさせていただく。実はまだ紹介していない標準ウィジェットが数個あるのだが、色々と問題があって取り上げることができなかった。存在を無視しているわけではないということをご承知おきください。笑 これまで全５回にわたって紹介記事を書かせていただいたが、正直説明しきれていないところがたくさんある。「習うより慣れろ」と言っては元も子もないのだが、こればっかりは真実だと思う。是非Sisenseを実際に触って、自分でウィジェットを作成してみてほしい。 Sisenseユーザーが一人でも増えることを願っています。 それでは。 Sisenseを体験してみませんか？ INSIGHT LABではSisense紹介セミナーを定期開催しています。Sisenseの製品紹介や他BI製品との比較だけでなく、デモンストレーションを通してSisenseのシンプルな操作性やプレゼンテーション機能を体感いただけます。 [![詳細はこちら](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/5935783/ff8d86bf-1184-4d92-8926-6a31a20de4b0.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/5935783/ff8d86bf-1184-4d92-8926-6a31a20de4b0) - [Tweet](https://twitter.com/share) ![Turtle](https://knowledge.insight-lab.co.jp/hubfs/Sunflower.jpg) #### 執筆者 [Turtle](https://knowledge.insight-lab.co.jp/sisense/author/turtle) 可視化領域を中心とした業務に従事しています。 ###### [前の投稿](https://knowledge.insight-lab.co.jp/sisense/widget/widget_introduction4) [![【Widget】Sisense 標準ウィジェットを一挙大紹介 - その4](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/13bcf7b297f3c8a5d41b2c7b7dca638a-2.png)](https://knowledge.insight-lab.co.jp/sisense/widget/widget_introduction4) ###### [【Sisense Widget】標準ウィジェットを一挙大紹介 - その4](https://knowledge.insight-lab.co.jp/sisense/widget/widget_introduction4) ###### [次の投稿](https://knowledge.insight-lab.co.jp/sisense/plug-in/accordion) [![【Plug-in】Accordionで他ダッシュボードのチャートを表示](https://knowledge.insight-lab.co.jp/hubfs/%E3%82%B3%E3%83%A1%E3%83%B3%E3%83%88%202020-09-01%20114909.png)](https://knowledge.insight-lab.co.jp/sisense/plug-in/accordion) ###### [【Sisense Plugin】Accordionで他ダッシュボードのチャートを表示](https://knowledge.insight-lab.co.jp/sisense/plug-in/accordion) RECOMMEND こちらの記事も人気です。 ###### 4 分で読むことができます。 #### [【Sisense Administaration】無料のSSL証明書"Let's Encrypt"でSSL化してみる](https://knowledge.insight-lab.co.jp/sisense/administration/ssl_lets_encrypt) ###### 2020年 10月 16日 ###### 8 分で読むことができます。 #### [【API連携】Spotify音楽データの分析①【Sisense】](https://knowledge.insight-lab.co.jp/sisense/information/spotify_music_data_1) ###### 2020年 10月 16日 ###### 2 分で読むことができます。 #### [【Sisense Widget】折れ線グラフを階段状に表示する](https://knowledge.insight-lab.co.jp/sisense/widget/step_line_chart) ###### 2020年 10月 16日 ###### 3 分で読むことができます。 #### [【Sisense Widget】Radar Chartを使ってポケモンの種族値を表示してみた](https://knowledge.insight-lab.co.jp/sisense/widget/radarchart) ###### 2020年 10月 16日 ###### 3 分で読むことができます。 #### [【Sisense Formula】CASE関数を使って条件分岐する](https://knowledge.insight-lab.co.jp/sisense/formula/case) ###### 2020年 10月 16日 ###### 3 分で読むことができます。 #### [【Sisense Widget】折れ線グラフにおける欠落値の対処法](https://knowledge.insight-lab.co.jp/sisense/widget/line-graph) ###### 2020年 10月 16日 ##### 運営会社 運営会社 - [会社概要](https://www.insight-lab.co.jp/about/company.html) - [お問い合わせ](https://contact.insight-lab.co.jp/main) ##### メニュー メニュー - Sisenseとは - [Sisenseナレッジ](https://knowledge.insight-lab.co.jp/sisense) - [セミナー](https://event.insight-lab.co.jp/sisense-seminar) - [お役立ち資料](https://download.insight-lab.co.jp/sisense/download) [![INSIGHT LAB_文字のみ_WHT-1](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png?width=200&height=55&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png "INSIGHT LAB_文字のみ_WHT-1")](https://www.insight-lab.co.jp/) - [プライバシーポリシー](https://www.insight-lab.co.jp/privacy.html) Copyright © 2020 INSIGHT LAB, Inc.