ワッフルチャートの作り方 (How to make Waffle Chart)

18:38 Tableau Japan 4 Comments

Nanaeです。
今回は、お菓子チャートです♡
ドーナツ(http://tableaujpn.blogspot.jp/2015/08/how-to-make-kpi-donut-charts.html)、
キャンディー(http://tableaujpn.blogspot.jp/2015/09/how-to-make-lollipop-chart.html)、
たべっこどうぶつ(http://tableaujpn.blogspot.jp/2015/09/blog-post.html
に続いて、今回はワッフルです!

実際使うとしたらこういったVizでしょうか。
Tableau Desktopに同梱されているストアのサンプルデータを使って、利益率12%であることを、■×12個、□×88個の100個の四角で表現してます。

ちなみにこのワッフルチャートは、ベストプラクティスとしてご紹介するというより、Tableauでいろんな表現ができることをお知らせしたいというのが意図です。それと、Facebookのアンケートで、「おもしろチャート」について知りたい!という声が多かったので書きました。

では、利益率12%を表すワッフルチャートを作っていきましょう。

まず、ワッフルチャートを作るには、ワッフルチャート用のデータの準備が必要です。ここでは、1つの四角を1%として、100個の四角を10×10で表すために、こんなデータを用意します。

(番号列1~100が存在しないデータでも作れます。最下部にあるワークブックをダウンロードして確認してみてください!)

このデータとストアのデータを2つ取り込んでおきます。

用意した方のデータを使って、縦軸と横軸の両方に1~10を持たせて、各レコード(「番号」列)でプロットすることで(1,1)(1,2)(1,3),・・・,(10,10)にマークを表します。
 列:合計(横)
 行:合計(縦)
 詳細:番号

利益率12%を表すとき、12個の□を■にしたいわけですが、その前にどの□が何番を表すのか100個の□に番号をふっておきます。番号を表すには INDEX()の関数を使います。

それをラベルに持ってくると。。。

???
全ての□に1が表示されています。どの範囲で何に沿って番号をふっているか、がやりたいことと違うんです。「次を使用して計算」で、「番号」に変更します。

すると、「番号」列に沿って、INDEX()が振られます。

これで、各□に1~100が無事ふられました!
では、ストアのデータに入っている、「利益率」12%を表すために1~12番目の□だけ色を変えていきます。12%以下なのかそれよりも大きいのかを表す計算フィールドを作ります。ストアのデータにある「利益率」のフィールドを使います。

これを色に入れると・・・

色が変わらない・・・(> <)
これはINDEX()を入れたときと同じことが起こっているので、「次を使用して計算」で「番号」を指定します。

これで、「番号」列に沿って考えるようになるので、計算式の通り12以下か13以上かで、色が変わりました!

ストアのデータにある「利益率」を使ってから、左上に見えるストアのデータにオレンジのチェックが入ったことも確認できますね。

あとは、細かい加工です。
・行、列両方とも、ヘッダーを非表示にする
・背景の書式設定で、グリッド線をなしにする
・サイズを変更する
すると、、、

ワッフルチャートのできあがりー!

Nanae

参考
TABLEAU LOVE: Yummy yummy #Tableau waffle charts from Jesse Gebhardt
http://tableaulove.tumblr.com/post/56368410545/yummy-yummy-tableau-waffle-charts-from-jesse

Tableau Public: What percentage of Americans, by age, are not saving enough?
https://public.tableau.com/views/Savings_3/unitcharthorizontal?:embed=y&:loadOrderID=0&:display_count=yes&:showTabs=y

オンラインヘルプ:表計算
http://onlinehelp.tableau.com/v9.2/pro/online/windows/ja-jp/help.htm#functions_functions_tablecalculation.html

オンラインヘルプ:場所の指定と区分の指定
http://onlinehelp.tableau.com/v9.2/pro/online/windows/ja-jp/help.htm#calculations_tablecalculations_understanding_addressing.html






4 件のコメント:

  1. ブログもされてたんですね。日本語のタブローサイトがあるの、失礼ながら知りませんでした。よくできてると思います。また参考にさせてもらいます。

    返信削除
    返信
    1. コメントありがとうございます!ちょこちょこ更新しているので、良かったらまたぜひのぞいてみてください★よろしくおねがいします。

      削除
  2. Just wish to say your article is as surprising.

    The clarity to your post is simply great and that i could
    suppose you’re a professional on this subject.
    Well with your permission let me to clutch your feed to stay up to date with approaching post.

    Thank you a million and please continue the rewarding
    work.
    Tableau Guru
    www.sqiar.com

    返信削除
    返信
    1. Thank you for your comment and the compliment! I'm glad to hear that:)
      Sorry for writing in Japanese, but pls keep coming.

      削除