![見出し画像](https://assets.st-note.com/production/uploads/images/125802876/rectangle_large_type_2_5042e25ae84dc35545f481476f80ef7b.png?width=1200)
Tableauのパラメータ機能使ってスーパーの売上推移を作成してみた。
⓪本記事の概要
先日tableau publicに下記ダッシュボードを公開しました。
本記事ではダッシュボード作成で意識した技術などを解説します。
![](https://assets.st-note.com/img/1703688980590-puMYxCEyph.png?width=1200)
①ダッシュボード作成の背景・目的
最近「パラメーター機能」を学びまして、指標・ディメンション・グラフなど様々なものを切り替えて表示できることを知りました。
早速その機能をデータを用いて実装してみたく、いくつかのオープンデータを探したところ、
過去に私自身が従事していた食品小売のデータを可視化するのが楽しそうだと思ってダッシュボード作成をすることにしました。
②データソース
一般社団法人日本スーパーマーケット協会「スーパーマーケット統計調査」(単月ごとにpdf化されたデータをエクセルに転記して作成。)
③意識的に組み込んだ内容と手法
-1パラメーターアクション(ディメンションのフィルター)
下記図1のように、上にカテゴリ別の売上の積上棒グラフ、
下に全カテゴリ合計の売上昨年対比の推移を作成した。
ここから、上のグラフの色をクリックしたときに、下のグラフにもう1本「選択されたカテゴリの昨年対比」が出るようにしたく、パラメーターを用いることにした。
![](https://assets.st-note.com/img/1703683631427-TK6wXLKq6Z.png?width=1200)
積上棒グラフの「色」で使用していた「カテゴリ」を用いて、図2のようにパラメーターを作成。
![](https://assets.st-note.com/img/1703684298544-TxTeQUZDkB.png?width=1200)
図3のように、「カテゴリ」と「カテゴリパラメーター」が同じであれば売上が入る「カテゴリ売上」を作成。
![](https://assets.st-note.com/img/1703684475459-rqSgZH6M16.png?width=1200)
カテゴリ売上を行に入れたあと、簡易表計算>前年比成長率を選択する。
![](https://assets.st-note.com/img/1703684704722-i1dW2ngBC4.png?width=1200)
折れ線グラフに色を付けるために、「カテゴリ」を色にドラッグアンドドロップ。
わかりやすいように「カテゴリパラメーター」を表示しておく。
図5ではカテゴリパラメーター=青果なので、青果の折れ線グラフが表示されている
![](https://assets.st-note.com/img/1703684888631-cKZJZ9Dw9g.png?width=1200)
カテゴリ売上をクリックし、「二重軸を選択」
![](https://assets.st-note.com/img/1703685088589-XhCyYlP8PJ.png?width=1200)
折れ線グラフの縦軸をクリックし、軸の同期を選択→ヘッダーの表示のチェックを外す
![](https://assets.st-note.com/img/1703685163627-8hPQsHJuli.png?width=1200)
ここまでで、図8のようにカテゴリパラメータをいじると、対応したカテゴリの折れ線グラフが表示されるようになった。
![](https://assets.st-note.com/img/1703685437298-VUSZgiZybj.png?width=1200)
次に棒グラフの「カテゴリ」をクリックすると、「カテゴリパラメーター」が連動して変更されるようにします。
ワークシート>アクション>アクションの追加>パラメーターの変更
![](https://assets.st-note.com/img/1703685742732-jSIRRz2O4A.png?width=1200)
図10のように、ソースフィールドを「カテゴリ」、ターゲットパラメーターを「カテゴリパラメーター」とすることで、カテゴリをクリックしたらターゲットパラメータが連動するようになります。
![](https://assets.st-note.com/img/1703685815193-31hs7m6Yve.png)
完成。図11は、「ピンク=日配」をクリックしたので、「カテゴリパラメーター」も日配に変更になり、折れ線グラフに日配の線が追加されました!
![](https://assets.st-note.com/img/1703686093319-JdE25e9tda.png?width=1200)
-2パラメーターアクション(ダッシュボード上でのグラフ切替)
上記のように「カテゴリ別売上」のシートを作成したのち、
図12のように「地域別売上」も作成しました。
![](https://assets.st-note.com/img/1703686266059-eZ3sNwsZRk.png?width=1200)
ただ、図11と図12のグラフを1つのダッシュボードに掲載しようとすると、
図13のように、ごちゃごちゃしたダッシュボードになってしまうので、
「カテゴリ別売上シート」と「地域別売上シート」をボタン1つで切替できるようにする事にした。
![](https://assets.st-note.com/img/1703686377062-9lsPvLH34D.png?width=1200)
シートにもどり、「グラフ切替」というパラメーターを1つ作成。図14のようにリストを手入力する。
![](https://assets.st-note.com/img/1703686636450-fmZaFkWY4n.png?width=1200)
次に「計算フィールドの作成」で、図15のように「グラフ切替」が反映されるディメンション「カテゴリ⇔地域」を1つ作成。
![](https://assets.st-note.com/img/1703686743467-fjtkhmyez3.png?width=1200)
「カテゴリ⇔地域」をフィルターにいれる。1が表示されているのでチェックをいれる。
![](https://assets.st-note.com/img/1703686914800-EskmLG7cFQ.png?width=1200)
図17のようになる。
図17のように、グラフ切替パラメータを表示していた場合、ここを「地域別売上」に変更すると、パラメータは1→2になるので
「カテゴリ⇔地域:1」のフィルター条件から外れて、図18のようになる。
![](https://assets.st-note.com/img/1703687147793-Sz7yww7DaG.png?width=1200)
![](https://assets.st-note.com/img/1703687301883-lup33nuuo9.png?width=1200)
このパラメータ=2の状態で「地域別売上シート」に移動し、
図19のように「カテゴリ⇔地域:2」のフィルターを設定する
![](https://assets.st-note.com/img/1703687424012-YPFEdV7qJd.png?width=1200)
次にダッシュボードに2つのシートを入れる。
この時、垂直コンテナor水平コンテナの中に2つのシートを入れるようにする。図20は垂直コンテナに入れている。こうすることで、グラフ切替パラメータの影響で表示されないシートの面積は最小になり、表示される方が大きく表示されるようになる。
![](https://assets.st-note.com/img/1703687667433-b0c9IlEgOv.png?width=1200)
あとはダッシュボード上で体裁を整えて完成!
![](https://assets.st-note.com/img/1703687880733-Y9QDvdMgLV.png?width=1200)
④作成したダッシュボードからの結果・感想
▼結果▼
売上合計の昨年対比(折れ線黒色)を見ると、今年は10月まで昨対100%越えなことがわかった。
今回カテゴリ別・地域別でさらにグラフを作成したのだが、実はその背景として
仮説①:地域はどの地域を選択しても全体の昨対と同じようなグラフになるだろう
仮説②:カテゴリはそれぞれ違う形の折れ線グラフを作るのではないか
という仮説を立てたからでした。
作成したグラフを確認すると、仮説①・②ともに合っていることが示された。
とくに仮説②のカテゴリは、青果は4月まで昨対割れしてたが売上回復を見せ(図22)、畜産はだんだんと売上昨対を落としている(図23)、日配はずっと売上昨対好調(図24)といった感じでした。
*今回売上しかわからず、単価や販売数がわからないのでこれ以上は掘り下げられませんでしたが、畜産とかは昨年9月くらいから値上がって、その価格がずっと維持されているのかな?日配は牛乳の値上が影響してそうだな?とか考えたりしました~。
![](https://assets.st-note.com/img/1703688356396-MCJ0iZgzyl.png?width=1200)
![](https://assets.st-note.com/img/1703688446389-iYHcjyG7yl.png?width=1200)
![](https://assets.st-note.com/img/1703688516850-maAaxnXNu8.png?width=1200)
▼感想▼
いままではパラメータでの出しわけを知らなかったので、ダッシュボードは基本並べるだけになっていました。ただ、今回パラメータを使用することで、今までできなかった表示切替ができるようになり、表現の幅が広がりました!作成してておもしろかったです!
この記事が気に入ったらサポートをしてみませんか?