はじめに
JTUG総会2025のなかで行われたイベント「VizつくりまShow!」の、2問目を再現しました。
どのような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に出会えて幸せです。
ありがとうございました。