Tableau

Tableauで複数のチャートを1シート内で表示する『パネルチャート』の作り方

今回は、複数の項目を一瞥するのに便利な『パネルチャート 』を取り上げます。(スモールマルチプルとも言うそうです)

可視化する内容は、国別自殺率推移をみてみたいと思います。

データ準備

可視化イメージが決まったら、データの構想を練ります。必要なカラムは、

  • 国 
  • 年度
  • 自殺率

です。
データセットは
Kaggle『Suicide Rates Overview 1985 to 2016』を使用します。
(https://www.kaggle.com/russellyates88/suicide-rates-overview-1985-to-2016)

パネルチャートを作る前に

パネルチャート を作る前に、Kaggleのデータを使って普通にチャートを作ってみます。

圧倒的見辛さ。トレンドもロクに分からずほぼ平らです。

縦横逆にしても、同様に見辛いです。ぐっちゃりしてます。


ラインチャートを見易くする

縦一列、横一列でチャートを並べていましたがこれを行列の組み合わせで、表のようなものを作ってみます。

完成形はこんな感じ。

チャートの表になっており、縦横共にサイズが余裕があるのでトレンドがみやすいです。

ここでは16コのチャートがありますが、それぞれシートを作っているわけではなく1つのシートで全て表現しています。

何回も同じ作業を繰り返す必要がなく、便利なチャートです。

パネルチャートを作る

パネルチャートは次の2ステップで作成することができます。

1. 2つの計算フィールドを作成

まず2つの計算フィールドを作成します。

行に挿入
(index()-1)%(round(sqrt(size())))
列に挿入
int( (index()-1)/(round(sqrt(size()))))

本質的な箇所ではないので、ザッくり説明すると、

  • size():あるディメンションのレコード数を返す
  • sqrt():平方根を返す
  • round():指定された桁数に数値を丸める(今回では整数にする)
  • index():1から増加していく表計算関数

ここでは「自殺率が高い16の国」をフィルターで絞るので、レコード数は16。

その平方根は4。

index()-1は0、1、2、・・・・15。

それを%により除した余りを出しているので、0・1・2・3が弾き出されます。

②についても同じ原理で、

int():()の中身をゼロに最も近い整数に直す

なので、0・1・2・3が弾き出されます。
これで4×4で割り当てる仕組みは完成です。

2. シートに配置し表計算を調節

計算フィールドを作成したら後は配置&表計算を指定して完成です。

今回は指定するディメンションはcountryですので、先ほど作成した表計算は2つとも「country」を指定します。

マークカードに指定するディメンションをあらかじめ入れる事を忘れないようにして下さい。

こんな感じで完成です。

後は色々イジってVizに仕上げたら完成です。↓こんな感じ。

日本入ってますね。お隣韓国が上昇傾向になっていたり、旧ソビエト圏の国がかなりランクインしていたり。

個人的には、旅行しててすごくよかったバルト三国が全部入っていてショックだったりします。

という訳で、複数のチャートを1発で表示するパネルチャートでした。

作成したものはこちら(https://public.tableau.com/profile/.14716601#!/vizhome/TheSuiciedRateintheworld/suiciderates)

【GA4】推奨イベント・カスタムイベントの設定方法前のページ

【GA4】DebugViewの使い方次のページ

ピックアップ記事

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

関連記事

  1. ChatGPT

    ChatGPTとVSCodeの連携方法とその使用例:開発効率を飛躍的にアップさせる

    こんにちは、石原と申します。今回のブログが初投稿となります。…

  2. Tableau

    【学生向け】TableauのアカデミックプログラムでTableauが無料で使える!!

    こんにちは!エクスチュアインターン生の柳沼です。前回の投稿から期間が…

  3. Tableau

    DirectionAPI+Tableauでドライブ時間の可視化(後編)

    だいぶ間が空いてしまいましたが、DirectionAPI+Tablea…

  4. Tableau

    上位N件セットを使って「その他」を効果的に表現する【Tableau】

    完成図【手順】パラメータを用いて上位N件セットを作る①:パラメー…

  5. Tableau

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

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

  6. Mouseflow

    【Tips】mouseflowで特定の流入経路からサイトを訪問した場合のみ計測させる方法

    みなさん、こんにちは。エクスチュアの鈴木です。今回は、mousefl…

カテゴリ
最近の記事
  1. 【dbts25】Snowflake×PostgreSQLのニ…
  2. TROCCO dbt連携編
  3. KARTEの「フレックスエディタ(β)」登場!ノーコードでこ…
  4. dbt Projects on Snowflake使ってみた…
  5. Cortex Analystを使ってみた
  1. ヒートマップ

    ヒートマップとは
  2. ヒートマップ

    【Tips】ヒートマップ機能について①~クリック・スクロール編~
  3. フィードバック分析

    Mouseflow新機能 – フィードバック
  4. Adobe Analytics

    はじめてのAdobe Analytics実装②
  5. Mouseflow

    Mouseflowのセッションリプレイのしくみ
PAGE TOP