Tableau Vizの使い方　

# TableauのVizの使い方。

今回はTableauのvizについて学習したのでそれについてまとめていきたいと思います。
この記事が誰かの役に立つとうれしいです。


###　まずはいろいろ触ってみる。

まずはいろいろと触ってみたいと思います。まずは売上を「カテゴリ」「地域」「顧客区分」ごとに分類し、利益ごとに色付けしたものを可視化してみたいと思います。

![2020-08-02 (10).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/dc068860-9b3a-2224-bd66-c34863bb0022.png)

このようになりました。しかしながら、これだとちょっと横にスクロールしなければすべてを把握することが出来ません。そこで顧客区分を行シェルフに移動させます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/f0f4e639-63d2-8906-59fb-2d9f587af1b3.png)

そうすると縦軸が「顧客区分」、横軸が「カテゴリ」「地域」で分けられた図になります。このような感じでディメンションを操作することによってさまざまな可視化を行うことが可能であり自分自身でデータを深堀することが可能です。

vizをいろいろと触ることで自分好みで可視化することができるのでめちゃくちゃ楽しいです。

### メジャーネームとメジャーバリューに関して

tableauではメジャーネームとメジャーバリューが自動で作成されます。
まずメジャーバリューとはメジャーそれぞれの値を表しており、メジャーネームはそれぞれのメジャーの名前を表しています。![2020-08-02 (12).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/eacfe5b4-5ec1-0aaf-2f10-0020266cf825.png)


### 連続・不連続に関して
tableauには連続不連続というものがあります。
連続とは軸を作成し、不連続のものはヘッダー項目を作成します。もっと言うと、連続であるものは順番まで考慮するのに対して、不連続は順番までは考慮しません。
連続のものは緑で表され、不連続のものは青色で表されます。
まずは下の図を見てみてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/a654f1e8-7125-6a46-a776-46b88bfc9a73.png)


列シェルフには「月のオーダー日」があります。「月のオーダー日」は今青色で表示されています。このように青色のものが不連続と呼ばれるものになる。それとは別に行シェルフにある売上を見てほしいのですが緑色になっています。このように緑のものが連続のものです。メジャーにあるものは連続なものになりやすく、ディメンションは不連続なものになりやすいです。

連続・不連続で大きく変わってくるのはソートできるかできないかということだと思います。上の図では「月のオーダー日」が青色で表示されているため不連続の形です。そのため、売上高順にソートすることが出来ます。しかしながら、「月のオーダー日」を連続の形で表されている場合は売上高順にソートすることが出来ません。y軸ラベルの「売上」の横にソートマークがないことが分かると思います。

![2020-08-02 (8).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/40e1c8a8-f557-7160-feef-0b429242e5d7.png)

日付のデータを連続や不連続に変えたい場合は、右クリックすると「連続に変換」「不連続に変換」といった項目が出てくるため、そこを選択することによって変換することが出来ます。



### フィルターに関して

今回は列シェルフに地域、行シェルフにに売り上げのものを可視化しました。今回はフィルターに地域をドラッグしました。そうすると下の図のようにフィルターのチェックボックスが出てきます。このフィルターのチェックボックスでチェックされたものだけ表示され、チェックボックスからチェックを外すとシートから除去されます。

![2020-08-02 (13).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/f120fd64-67c0-8348-320e-9c8ad1232e02.png)

またフィルターの表示を行うと、右側に今どの項目がが表示されているのかが明確になります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/c693f457-ba53-1784-37bb-a01be7a137dd.png)

#### フィルターの応用

フィルターの応用として売上を市区町村ごとに可視化しTOP5を表示させたいと思います。フィルターに「市区町村」をドラッグします。上位のところを選択し表示したい数を5と入力すると上位5つが表示されます。
![2020-08-02 (24).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/7c06bd5a-2e60-01d4-b59a-c01e6e9741ae.png)

しかしながらここで一つ問題が発生します。上位5つの表示をすることは可能になったものの、カテゴリでフィルターをかけても上位５つは変動しません。。。。それは、先に上位5つが抽出されてからカテゴリを抽出されているためです。


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/1f240481-6542-48f7-f6a9-f68d75786cfc.png)

このような問題を解決するにはコンテキストに追加を選択します。そうすることで先にカテゴリを抽出してから上位5つを抽出することが出来ます。
![2020-08-02 (27).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/13547771-4036-5d0f-e24f-0229c6d77384.png)

このように、フィルタの適用順序というのは決まっています。順序としては「コンテキストフィルタ」→「セット/Top /条件フィルタ」→「ディメンションフィルタ」→「メジャーフィルタ」です。これを知ってるのと知らないのとでは大きく変わって来ると思います！とても大事なのでフィルターをかけるときには意識するようにしておきましょう。







### 抽出に関して

サンプル　スーパーストアはエクセルからデータを持ってきています。それをtableauへ抽出したものだけ持ってきたいと思います。今、下図で表示されているデータはExcelからデータを取得しているためすべてのデータが表示されています。そこで今回は大阪以外のデータを抽出していきたいと思います。下図は都道府県ごとの売り上げデータを可視化しています。大阪のデータがあることを確認してください。大阪のデータを除外するためにオレンジ色の場所を右クリックして「データの抽出」をクリックしてみてください。
![2020-08-02 (17).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/9a3e59b4-5d60-f23b-5f55-1eeda8ba3bee.png)


そうするとデータ抽出の画面が出てきます。追加というボタンがあるので底を選択。
![2020-08-02 (18).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/fff5355c-b99b-1beb-c2e3-d1c2d320e351.png)

フィールドを選択する画面に移るので「都道府県」を選択します。そしたら下図のようになるので「大阪府」以外を選択しokします。

![2020-08-02 (19).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/cbfda907-241d-ca0e-627c-cf440447ebb0.png)

そして「抽出」を行います。大阪のデータが除外されているのが分かります。そしていまデータはtableau側にあるためExcelのデータを変更したとしても表示は変わりません。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/d64bdd11-6be4-a73e-710a-b78a8bb83691.png)









###　時系列データのチャートの作成

時系列データの可視化を行っていきたいと思います。売り上げを行シェルフ、オーダー日を列シェルフにしたものが下図になります。


![2020-08-02 (1).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/48d9d3df-b0c6-2edc-fd2f-8a06b3808dc9.png)

列シェルフを見るとわかるのですが、列シェルフにあるオーダー日が「年」になっているためこのチャートは年単位になっております。これを「月」単位で見たい場合は上図図の赤丸で囲まれた「＋」ボタンを押すと可能です。
![2020-08-02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/e9c62713-238e-c5cb-d033-82c51aa45e9e.png)

また、いちいち「＋」を押して展開していくのではなく年ごとや月ごと日ごとなどを最初から選択して可視化を行いたい場合、右クリックで「オーダー日」を選択し列シェルフまでドラッグします。そうするとどのフィールドをドロップするのか選択することが出来ます。これを使用すれば自分自身で可視化したいものを選択して可視化することが可能です。
![2020-08-02 (2).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/9ef857c8-77cd-c237-30b5-5ae4ccf97fa8.png)

またフィールドの選択で同じ四半期であっても「＃」と「カレンダー記号」の二つのものがあると思います。これは前回の記事で紹介したように数値型と日付型です。それぞれの結果を見てみます。「カレンダー記号」のほうを選択したのが下図です。カレンダー記号であるほうは緑色になっています。そのため連続値です。よって時系列ごとに表示されていることが分かると思います。

![2020-08-02 (4).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/51eab873-88bf-8bf6-15f1-adbef11457aa.png)



次に「＃」のほうを見てみます。こちらは青色になっているため、不連続値になっております。不連続値であるため時系列であることが反映されていません。そのため、Q１には2016年～2019年の四年分のデータの合計がここに入っています。

![2020-08-02 (3).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/298af22c-966c-2e9b-50c0-08183d1570ea.png)

### 色の変換

時系列データをカテゴリーごとに見てみたい場合はどのようにしたらよいのでしょうか。その場合は、行に売り上げ、列にオーダー日を指定し、色にカテゴリを指定することによってカテゴリーごとに表示させることが出来ます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/cc7f701a-ae06-2989-de6b-7dd633934cb9.png)

色の変更を行いたい場合は、下図のオレンジの部分のところを選択し色の編集を行います。そのパレットの部分を選択することで色を選択することが出来ます。また緑の枠で囲われた、「ステップド　カラー」を選択することによって自分自身で値を何分割にするのかを指定することが出来、その分割ごとに色をわりあてることが出来ます。また詳細の部分を選択することによって、中央の値の調整を行ったりすることが出来ます。

![2020-08-02 (30).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/d67327ec-97ef-cf19-be00-99eb2c9b7b03.png)


条件を指定して行うと、条件を満たしているものと満たしていないもので色分けして表示をさせることができる。今回は顧客が平均より上回っている場合は青下回っている場合はオレンジになっています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/20f568e1-0c0a-02dd-2c52-e75c5d193352.png)


### ラベルの変更

ラベルの調整はマークのところのラベルというところでいろいろと調整することが出来ます。表示する際に数値だけではなくそれが何のデータであるのかを表したいときがあると思います。その時はラベルの編集で文字を表示させることも可能です。

![2020-08-02 (31).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/14fa0bc5-bb60-616a-9396-b80421a32d9c.png)

### 二重軸

1つのグラフ上で利益と売上同時に見てみたいといった時があると思います。そんな時に使用するのが二重軸です。今、売上を月ごとに表示させています。そこに利益も表示させました。そうするとグラフが二つ現れます。この時売上と利益を一つで表したいときに使用するのが二重軸です。
![2020-08-03 (4).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/19216e6e-76f7-a49a-fbf9-b218ad8c2ca9.png)


この二重軸を設定することにより左軸が売上、右軸が利益で表されたグラフを作成することが出来ます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/20e02497-5b23-3dca-131e-aabfdc71e8f8.png)

また軸を同期させることによって、売上と利益の軸を合わせることが出来ます。
![2020-08-03 (7).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/1e1bb62a-4504-1c54-57a9-9afd2be43014.png)


###　アナリティクスペインについて

アナリティクスのところを使用すると、閾値よりも上回っているのか下回っているのかを容易に見ることができるようになります。今回は売り上げが3,000万より大きい地域を把握したいとします。3,000万のところに線を引きたいのでアナリティクスの定数線をシートのほうにドラッグしてきます。そうすると、値を入力できるので入力します。
![2020-08-03 (8).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/3cce2748-22d2-ae86-57c5-fc79dfb0951a.png)

そうするとこのように3000万のところに線が引かれどの地域が超えているのかがわかりやすくなります。
また、売り上げの軸を右クリックして「リファレンスラインの編集」の項目を選択すると色を変更できたり、いろいろ設定が出来ます。
上図では地域ごとの売り上げは表示されているものの、合計の売上は表示されていません。この時にアナリティクスの「合計」をドラッグすると合計値も表示されるようになります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/50c5ee52-64a0-2ca4-30c2-d5d3d5834773.png)

地域ごとに売り上げの傾向を見たいときには、アナリティクスの傾向線というものを使うと傾向を見ることが出来ます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/71d0ff1d-bcc7-7c93-f1f7-416d3871afe4.png)


### グループ化
今、製品ごとの売り上げを表示させています。下位の製品をグループかしたい場合は範囲をshiftを押しながら選択し右クリック、そうするとクリップみたいなアイコンが出てくるので押すとグループ化できます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/d7637711-e84d-264c-80df-3a4b75ea7e27.png)

グループ化を行うとTablesのところに新しくディメンションが作成されます。そのため、何回もグループ化する手間を省くことが出来ます。

### 計算フィールドに関して

計算フィールドは利益率などを求めたいときに使用します。計算フィールドはディメンションと書かれている逆三角を押すと出てきます。
![2020-08-03 (15).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/2dc63544-c410-4c7f-e807-a324c0814e84.png)

そうするとタブが出てくるのでそこに算出したい計算式を入れます。（今回は売上高利益率)
黒丸で囲われた▽を押すと様々な関数が用意されているため、それらを利用することで複雑な計算も可能になります。
ここで「計算は有効です。」となっていれば算出できますが、そうでなければ何かしら問題があるので対処してください。そして新しく作成された「売上高利益率」はメジャーのところに追加されます。
もちろんこれはメジャーだけではなくディメンションの項目でも作成することが可能です。

![2020-08-03 (16).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/ec8bc7bc-19ec-a87c-6594-6db249d2fa6e.png)

<h3>ちょっと応用</h3>

計算フィールドを使用して都道府県名から県だけなくした新しいディメンションを作成したいと思います。
![2020-08-03 (17).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/46d6940e-233d-d021-8ae4-8f7baa793351.png)

今回はif文を使ってみました。実行した結果が下図になります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/6515371e-5b25-3e13-934d-11a525e0290c.png)



見てみると、計算フィールドで新しく作成したほうは県が取り除かれているのが分かると思います。

### パラメータの設定

パラメータは計算フィールドで計算式を使用する際、何度も値を変更する場合に効果を発揮することが出来ます。

オレンジの▽のところでパラメータの作成ができます。
![2020-08-03 (20).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/87525d6e-fbcc-8f39-18aa-d7a98f1df4d2.png)

許容値のところをリストにすると自分自身で値を作成することが出来ます。
![2020-08-03 (21).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/4e529b6a-8cb8-e0a4-3a07-47693389b800.png)

下図の水色のところで「利益＜利益の閾値」とし表示させると閾値より大きいものと小さいもので色分けすることができる。

![2020-08-03 (24).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/a71ddf94-92c5-c819-54c2-a501edf77154.png)

### セットに関して

椅子を購入した顧客のセットを作成します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/b8a8b3f6-9de7-e34e-f2ba-2bd5c0803696.png)

その椅子を購入した顧客を色のところにドラッグするとINとOUTに分けられます。INは椅子を購入した人を表しており、OUTは椅子を購入していない人を表しています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/33f2664c-a29e-2f3d-769d-a8adb95f415a.png)

セットは1つだけでなく結合して使用することができる。

### 簡易表計算

今、地域別に年間の売上を表示しています。これだと年ごとの売り上げはわかるものの、累積売上が分かりません。その時に使用できるのが簡易表計算です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/ad309793-01a3-1b53-1889-d7826f5e9e8a.png)

マークの「テキスト」のところに売り上げを持ってきます。逆三角のマークから簡易表計算を選択します。そこの累計を選択すると累計の売上も同時に表示させることが出来ます。
![2020-08-04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/2a030087-b77d-5d85-25eb-ec716bd98c8c.png)

今は横方向に累計をとっていますが、縦方向に累計をとりたい場合は「次を使用して計算」の項目で表（下）を選択することで変更することが出来ます。
![2020-08-04 (6).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/e81d3077-353e-71ca-98f5-3b9024df8a3f.png)

また簡易表の計算は、表計算の編集のところで編集することも可能です。表計算の編集で売上成長率を求めたのが下図になります。
![2020-08-04 (10).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/cc0b1c0e-7ebb-a2af-4ee8-ad65ce758ee2.png)

それ以外にも簡易計算表はランクや平均、百分位、移動平均なども使えるので試してみてください。



### 小計や総合計の表示方法
売上を顧客区分、カテゴリ・地域で分けたものを表示させてみました。しかしながらこの表には小計や総合計がありません。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/84b3c73b-637f-f7c2-9544-2f0e65b182cf.png)

表示させるには「分析(A)」の「合計(O)」というところです。ここで表示させたい合計や小計を設定することが出来ます。
![2020-08-04 (11).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/676443/b09dc4d1-e473-d201-df07-51e9ed6ceae3.png)