見出し画像

Tableau|ワッフルチャート(前半)

yukoです。ワッフルチャートができました!!
Andyの動画(英語)の翻訳は無理ですが、操作をガン見した結果をベースにまとめます。

ワッフルチャートとは(私のまとめ)

Waffle Charts、Gridplot とよばれるチャートです。
10×10 (100%)のテンプレートを使い、全体に占める割合を色で表現します。
積み上げ棒グラフのような、Part-to-Whole Charts の一種です。

準備作業(テンプレート準備)

グリッドレイアウト(10×10)のテンプレート用データを準備します。
Excelでちゃちゃっと作りました。

Row:行番号、Column:列番号、Percentage:パーセント(1~100)
Row(行)1に対し、Column(列)が1~10。(10行分)
100行できたら、Percentageに0.01~1.00までセットします。

全体の流れ

  1. ベースのワッフルを作る

  2. データソース(Sample - Superstore)を追加

  3. ワッフルを仕上げる  ★前半ここまで

  4. 注釈を使って、値を表示する

  5. フィルターを追加

  6. 複製してダッシュボードを作成

2つのデータソースは、リレーションを設定せずに使います。
今、どのデータに対して作ってるか?を意識することが大事。
Andyの動画に合わせ、データは「Sample - Superstore」を使用。

完成イメージ(右下が0%、左上が100%)
「Which region have the highest profit ratio?(利益率の高い地域はどこですか?)」
カテゴリー別にも確認できるよう、フィルタを用意します。

1.ベースのワッフルを作る

データソース(テンプレート用データ :Waffle)を取り込みます。
・[Column]と[Row]は、右クリックして「ディメンションに変更」
・[percentage]は、右クリックして「規定のプロパティ」- 数値形式 - パーセントを設定

[Column]を列、[Row]を行、[Percentage]をテキストに入れます。
[Percentage]をテキストに入れるのは、一時的な確認用。(あとで消す)

[Column]を列、[Row]を行、[Percentage]をテキストに入れたところ

右下が1%、左上が100%になるよう、並び順を設定します。
・[Column]ピルの▽をクリックして「並び替え」- 並び替え順序を「降順」
・[Row]ピルの▽をクリックして「並び替え」- 並び替え順序を「降順」

ソート後は、右下が1%、左上が100%になる

2.データソース(Sample - Superstore)を追加

・アイコンをクリックして、データソース(Sample - Superstore.xls)を追加
・シート「Order」を使用する。

・計算フィールドで、[Profit Ratio](利益率)を作成
・[Profit Ratio]は、右クリックして「規定のプロパティ」- 数値形式 - パーセントを設定

利益率

・[Profit Ratio]を「色」に入れ、一時的に入れたラベル[Percentage]は外す
・[Profit Ratio]を「色」から「詳細」へ変更(※画像は変更前)

この時点のデータソースは「Orders(Sample-Superstore)」

3.ワッフルを仕上げる

・データソース「Waffle」を選択
・計算フィールドの作成(Box to Color)
 [Profit Ratio] が [Percentage]以上か?を判断する式(True/False)を作成

この時点のデーターソースは「Waffle」
[Profit Ratio]は、”p"と入力すると”p”で始まる選択肢が表示されるので選ぶ。

・[Box to Color]を色に入れる(+色を変更する)
・列の横にある▼をクリックして「新しい計算」- 「AVG(1)」と入力
 ※ワッフルの横幅が均一になる。

AVG(1)は、[Column]ピルの横をダブルクリックしても入力可能

・AVG(1)のヘッダーを右クリック-「軸の編集」
 開いた画面で、範囲を「固定」、終了値を1にする。

・AVG(1)のヘッダーで「ヘッダーの表示」を外す
・横幅を縮めて、全体が正方形になるようにする
・「色」をクリックして開く画面で、枠線を白にする
・「サイズ」を大きくして、ワッフルっぽくする

書式設定変更、ヘッダーの非表示、ツールヒント対策
・行:[Column]を右クリック
  「ツールヒントに含める(include in Tooltips)」を外す
  「ヘッダーの表示」を外す
・列:[Row]を右クリック
  「ツールヒントに含める(include in Tooltips)」を外す
  「ヘッダーの表示」を外す
・色の[BOX~]を右クリック
  「ツールヒントに含める(include in Tooltips)」を外す

・ワッフルの上で右クリック-「書式設定」
 シートタグで”田”を選んで、行の境界線、列の境界線を白にする

補足

量が多くなってしまったので、ここから先は後半として分けます。
ここまでで、ワッフルチャート自体は完成してます。

なお、つなぐデータソースですが
 1.ベースのワッフルを作る ・・Waffle
 2.データソース(Sample - Superstore)を追加 ・・SampleSuperstore
 3.ワッフルを仕上げる   ・・Waffle

ここを間違えると、(たぶんどこかで)エラーになるのでご注意を。

参照サイト(動画あり!)

VizWiz(Tableau Tip Tuesday: How to Create Waffle Charts)

作成Viz(Tableau Public)

https://public.tableau.com/app/profile/yuko.nakamura/viz/practiceWaffleCharts/waffle




いいなと思ったら応援しよう!