Tableau

Tableauのヘックスタイルマップでヒートマップを地図上に粗く表現する

今回は、「ヘックスタイル(六角形)マップ」という表現方法をご紹介します。

「ヘックスタイルマップ」は緯度経度情報を含む都道府県・州などの統計データを面積を考慮しない粗い形で表現するのに適しています。

↓ヘックスタイルマップ

使用するデータセット

今回は以下のサイトのデータを参考に作っていきます。

SuperDataScience『Tableau Custom Chart series』(https://www.superdatascience.com/pages/yt-tableau-custom-charts-series)

内容は「アメリカの年の推定人口」となってます。

普通にマッピングしてみる

最初は特に何もカスタマイズせず可視化していきます。


ジオメトリ情報を含むので、Tableau上ではマークに挿入すると自動でマッピングされます。
ですが、点の数が多すぎて塗りつぶされてしまっています。

試しに指標の1つ、「Estimated Population(推定人口)」でカラーリングしても粒度が細かすぎて見辛いです。


ヘックスタイルマップで粗く表現する

今回のマッピングですが、正確な位置情報はなくてもいい情報なので粗くマッピングしていきます。

①使用する関数

ヘックスタイルマップを作るにあたり、HEXBINX・HEXBINY関数を使用します。
殆ど出番のない関数です。

①HEXBINX(number,number)
X、Y座標を最も近い六角形のビンのX座標にマッピング。ビンのサイズは1。
②HEXBINY(number,number)
X、Y座標を最も近い六角形のビンのY座標にマッピング。ビンのサイズは1。

「最も近い六角形のビンにマッピング」というのは下記のようなイメージです。

青の散在する点が六角形のビン、黒点に収束される感じです

②計算フィールドを作成

今回は以下のように計算フィールドを作成します
①HEXBINX(number,number)


②HEXBINY(number,number)


ここでは「粒度調整」というパラメータを使用しています。見栄えに応じて後でマッピングの粒度を調節します。


③シートの挿入

素材ができたらシートに挿入していきます。

HEBINXとHEBINYはどちらもディメンションです。
また「六角形」は形状ではデフォルトに含まれていないので新しく追加しましょう。(六角形のアイコンはhttps://cdnl.tblsft.com/sites/default/files/blog/inverted_hex.png)

こんな感じになりました。


④パラメーターを微調整

②で作成したマップのパラメーターは1でした。ついでにそれ以外の数値の時はどうなるか検証してみます。

「パラメーターが2の時」

「パラメーターが3の時」

パラメーターの数値を大きくするほど、細かくなります。
パラメーターが3の時は見づらい気がします。好みにもよりますが、パラメーターは1〜2ぐらいが良さそうです。

↓パラメーターを1にし、色でマッピングするとこんな感じ

粗くしている分、最初のより見やすくなっていますね。

西海岸と、ニューヨーク付近が人口が多めというのが相対的にわかります。
地理的な正確さが必要な時は適しませんが、そうでない場合に有効なヘックスタイルマップでした。

Tableau Publicの方に、ワークブックがあるので中身を見たい方はhttps://public.tableau.com/profile/.14716601#!/vizhome/HexbinChart_15544799993880/sheet0

【Google App Script】GASを利用してslackに投稿するbotを作る前のページ

BigQueryで高額課金が発生しているクエリの呼び出し元を特定する次のページ

ピックアップ記事

  1. 最速で理解したい人のためのIT用語集

関連記事

  1. Tableau

    Tableau Tips〜データソースの置換〜

    はじめにこんにちは!インターンの與那覇(ヨナハ)です今回はTabl…

  2. Tableau

    Tableau Tips〜LOOKUP関数〜

    はじめに「LOOK UP」は見上げる、調べるという意味の英単語です。…

  3. Tableau

    Tableau Desktop 2020.1の新機能を全て解説してみた。

    はじめに昨日(2020/2/25)、Tableau Desktop …

  4. Tableau

    【TC19ブログ】シアトルのTableau本社にオフィス訪問してみた

    こんにちは。エクスチュアのインターン生の酒井です。本日11/1…

  5. Tableau

    TableauでTreasure Data上のデータへ接続する方法(2019/10/02時点)

    ※こちらの記事は過去の手順です。新しい手順についてはこちらの記事を参…

  6. IT用語集

    【完全版】Tableau(タブロー)って何?

    【目次】・はじめに・Tableau(タブロー)とは・具体例〜Ex…

カテゴリ
最近の記事
  1. Adobe WebSDK クロスドメイン計測【第2部】FPI…
  2. Adobe WebSDK クロスドメイン計測【第1部】ECI…
  3. Adobe Target Recommendations:g…
  4. Conversational Analytics APIでお…
  5. Looker Studioで日付フィルターの開始日・終了日の…
  1. ヒートマップ

    ユーザビリティの検証で気を付けたいこと、やってはいけないこと④
  2. Adobe Analytics

    Adobe Analytics: ランドスケイプの「企業ログ解析データベースAP…
  3. Tableau

    TableauでTreasure Data上のデータへ接続する方法(2023/0…
  4. Databricks

    ScalaでDatabricksのDataFrameを扱う
  5. Generative AI

    LangGraphのソースコードから見る今更聞けないAIエージェント実装(cre…
PAGE TOP