はじめに

JTUG総会2025のなかで行われたイベント「VizつくりまShow!」の、2問目を再現しました。

JTUG総会2025 VizつくりまShow! カレンダー

どのようなVizなのかを簡単に説明すると、以下の通りです。
　・1ヶ月のカレンダーを表示
　・日付をクリックすると、選択した日付がある週の下に、選択した日のRegionごとのSalesデータを棒グラフで表示

VizつくりまShow!とは

「VizつくりまShow!」とは、お手本のVizを短時間で再現するバトルです。
再現する必要があるポイントが複数あり、より多くポイントを満たす or すべてのポイントを満たすことで勝利です。
制限時間は10～15分！と大変短いです。

ざっくり作成手順

データはサンプルスーパーストアです。

① オーダー日で1ヶ月カレンダーを作成
② RegionごとのSalesデータ棒グラフを作成

③「選択日付」パラメータを作成
④ パラメータアクションで、選択した日付が「選択日付」パラメータに入るようにする
⑤ オーダー日＝「選択日付」パラメータの値の計算フィールドを作成（表示日付）
⑥ 棒グラフのフィルターに「表示日付」を入れ、TRUEだけ表示する

⑦「選択週数」パラメータを作成
⑧ パラメータアクションで、選択した日の週数が「選択週数」パラメータに入るようにする
⑨ オーダー日<＝「選択週数」パラメータの値の計算フィールドを作成（カレンダー上）
⑩ オーダー日>「選択週数」パラメータの値の計算フィールドを作成（カレンダー下）

⑪ 手順①で作成したカレンダーを複製
⑫ 片方のカレンダーのフィルターに「カレンダー上」を入れ、TRUEだけ表示する（上シート）
⑬ もう片方のカレンダーのフィルターに「カレンダー下」を入れ、TRUEだけ表示する（下シート）
⑭ ダッシュボードに、上から「上シート」「棒グラフ」「下シート」の順で配置

つまづきポイント

再現に当たり、2点つまづいたポイントがあったので、やり方の記事を投稿しています。

常にすべての曜日を表示する

Vizを作っていって、できた！と思って全体的にクリックして確認していたら、1週目または最終週だけを表示するときに、データが存在しない曜日が消えてしまいました。
解決方法は↓
【Tableau】日付データが存在しない行/列を表示する

クリックしたときに青色の選択状態にしない

通常、データをクリックすると青色でハイライトされて、選択していないデータの色が薄くなってしまいますよね。
それをしない方法です。
解決方法は↓
【Tableau】青色の選択状態を自動解除する

さいごに

一目見て「これ作りたい！」と思うVizに初めて出会い、イベント翌日から再現に着手しました。
心動かされるVizに出会えて幸せです。
ありがとうございました。