Tableauで表現できるいろいろなグラフ

## はじめに
Tableauで表現できるグラフをまとめました。
グラフの名前で検索いただければ、詳細な作り方の書かれたサイトが見つかると思います。まずは、どんな表現方法ができるのかを知るところから始めてみましょう。

## いろいろなグラフ

### データの量・数を比較する

| 棒グラフ | 積み上げ棒グラフ | ロリポップチャート |
|:-----------|:------------|:------------|
| ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/132f12cb-4aad-9a72-bd3f-bf567373c359.png)      | ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/72e722b3-bb41-5bb0-fb6b-4af70db9ca33.png)| ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/339abf40-571c-2005-de34-e34a3623c615.png) |
| 棒     | 棒      | 棒・円       |
| サイズを比較する標準的な方法。軸は必ず０から始める。       | 複数カテゴリをまとめて比較したい場合に用いる。        | データ値を目立たせられる。    |

| バンプチャート（ランキング表） | ファネルチャート | 
|:-----------|:------------|
|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/ea1b3634-6310-6d50-e564-8214db395ed3.png)| ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/60eb215b-6b38-6792-b4fd-62734cdc7592.png)|
| 線     | エリア      | 
| 順位の変化を表す。 | あるフェーズから別のフェーズに移行する際のデータの、段階的な削減を示す。 | 

### 全体に対する割合をみる

| 円グラフ| 100％積み上げ棒グラフ | ツリーマップ |
|:-----------|:-----------|:------------|
| ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/f1d430c0-e2a1-126c-4bec-f796146f3fd0.png) | ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/79ac9c4d-7188-6363-2198-a42c4a29cdc3.png) | ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/f38ae459-b14b-2f8e-8f98-138ce0ce860c.png)|
| 円グラフ     | 棒     | 四角       |
| 全体を占める要素の割合をみることができる。比較には向いていない。6個以上に分割しない。 | 棒の長さを100%と見なし、各要素の構成比を示す。 | 項目内の割合を比較するのに用いる。 |

 | パレート図 |ウォーターフォール（滝グラフ） |
|:------------|:------------|
| ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/c035194b-1e17-95a0-8e83-d621710b8fa7.png)| ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/ea364f54-8065-2c28-7e8d-b3e80a6076ab.png) |
| 棒・線       |ガントチャート       |
| あるものを構成する項目ごとの値とその累積の構成比を同時に示す。|最初の値が数値の増減によってどのように変化したのかという、増減の累積や内訳を示す。|

### 時系列推移をみる

| 線グラフ | エリアチャート（面グラフ） | ステップチャート（階段グラフ） |
|:-----------|:------------|:------------|
|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/b82ba30a-4440-5296-78e1-fe868341a109.png)| ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/d209b7da-7c7d-a22d-374c-3ebf1cb5c41f.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/f1ec6d43-a4f0-746f-f7bc-1c77eb30966d.png)|
| 線     | エリア      | 線       |
| 主に時系列などの連続的変化を捉えるときに使用するグラフ。 | 線と軸の間の面がある色で網掛けされている折れ線グラフ。量が少なく変化が小さいデータを下に配置する。 |二点間を垂直線と水平線を用いて繋げることで階段状に見せる。不規則な間隔で発生する変更を表示する場合に用いる。|


| スロープチャート | ガントチャート |
|:-----------|:------------|
| ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/0d4170c6-be8d-ebf8-928b-fb044c217888.png) | ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/ae1324f4-a9d7-5ea6-2131-ad8fa931f761.png)| 
| 線     | ガントチャート       |
| 時系列または項目間で順位付けがどう変わったかを示す。 | プロジェクトのスケジュールや、アクティビティの経時的な変化を示す。|

### 相関・分布をみる
| 散布図 | バブルチャート |
|:-----------|:------------|
|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/4b8af56b-9a71-705a-9baf-2926e2023547.png) | ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/72878209-0326-a180-90f2-5f331db41160.png)| 
| 形状 or 円     | 円       |
| 2つの量に関係があるかどうかをみることができる。 | 3つのデータの関係性について、一つのグラフでみることができる。|

| 箱ひげ図 | ヒストグラム |
|:-----------|:------------|
| ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/0a014a43-95f0-6562-f585-1d2e810bdb3d.png) |![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/ebcfe332-9468-b4b6-e658-734dd5f70462.png)| 
| 円     | 棒       |
| データの分布を示す一般的な方法で、データの中央値や値幅などをひとまとめに見せることができる。 |データがどのように分布しているかを示す。|

### 目標と比較する
| 2重棒グラフ（Bar in Barチャート） | ブレットグラフ| ドーナツグラフ |
|:-----------|:------------|:------------|
|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/979c57fe-234c-8b05-c966-9b21ab2cfc71.png)| ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/51c8d0ea-bb27-3e13-e647-82e7597da2c3.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/a1044bb1-71e0-91a0-b0ed-0e22edf4fc62.png)|
| 棒     | 棒      | 円グラフ       |
| 棒グラフを重ねて表示する。| リファレンスラインで目標値を表す。目標に向けた進捗を簡単に比較できる。 |円グラフの一種で、中心部分に関連情報を添えられる。|


### 特定の値をみる
| ヒートマップ | ハイライト表 |
|:-----------|:------------|
| ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/1c1f9d3d-ea11-8022-747f-68dd52c0d5f3.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/0e2ee11f-9d0d-2355-4b3f-54e5fa09dcd2.png)| 
| 四角     | 四角       |
| 色を使用して、変数の変化と大きさを2次元プロット上に示す。|正確な数字を表示しながら、色を使用して見る側の注意を引くことができます。|

### 地理的な関係をみる
| 色塗りマップ | チャートマップ| 密度マップ |
|:-----------|:------------|:------------|
|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/d9a4c942-5793-04f7-4cc3-2e7cb103f748.png)| ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/179b27c8-6375-cdd6-3e18-585e8b19df31.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3655975/b322e331-1fde-f1af-33ee-d2a819344a5c.png)|
| マップ     | マップ      | マップ       |
| 色の違いや、濃淡等で、その地域の値を表現する。| 統計チャート（円グラフや棒グラフなど）を地図上に配置することで、地理的分布と統計的分布を同時に把握できる。 |マップ上の重複するマークのために見えなくなっているパターンや関連する密度を、明らかにすることができる。|
## さいごに
知らない表現はありましたか？
作ったことのないグラフはありましたか？

まだ作ったことがないグラフがある方は、ぜひ挑戦してみて下さい。
（本ページに掲載しているグラフは、すべてサンプル - スーパーストアのデータのみで作成しています）