Tableau Serverをカスタマイズ！プロジェクトのフォルダーに画像を追加

Nanaeです。今回は、初めてTableau ServerやTableau Onlineに関するTipsです。
Tableau Server/Onlineをカスタマイズしてみましょう。


見た目をパーソナライズするには、大きく下記3点が挙げられると思います。
1. ログイン画面とログイン後画面左上のロゴ
2. タブに表示される名前
3. プロジェクトのフォルダーに画像を表示

それぞれ、↓ここのことを指してます。


1. ログイン画面とログイン後画面左上のロゴ
2. タブに表示される名前
に関しては、オンラインヘルプに詳細が出ていますので設定方法の詳細は割愛しますが、Tableau Serverであれば1, 2両方変更可能、Tableau Onlineであれば1が変更可能です。1のログイン画面とログイン後画面左上のロゴは同じ画像となります。
ぜひご自身の企業のロゴや名前に変えてみてください！

では、3. プロジェクトのフォルダーに画像を表示させる方法をお伝えします。とっても簡単です！
※こちらサポート外であることをご理解の上、お試しください。

Step1：画像をアップロード
httpで画像のありかを指定できるように、画像をアップロードします。
ご参考までに、、、私は画像共有サービス「TinyPic」を利用しました。サインインしないでも無料で画像をアップロードできました。→   http://tinypic.com/

Step2：プロジェクトのトップ画像変更
Tableau ServerまたはOnlineのプロジェクトを選択し、[詳細]タブ→[説明を編集]から、アップロードした画像の情報をhttpで記載します。

これだけです:)

プロジェクト名だけよりも画像が付いていたほうがすぐ見つけられますし、わかりやすいですよね。直感的にわかるという意味で、クロス集計よりも棒グラフで表現しましょう、と言っているのと近いですね。
また、ユーザーが他のプロジェクトもクリックする気になるかもしれません！

なお、これらのカスタマイズを行うには、管理者として入る必要があります。

Nanae

参考
ご参考
Tableau Server オンラインヘルプ：名前またはロゴの変更
http://onlinehelp.tableau.com/current/server/ja-jp/help.htm#customize_namelogo.htm
Tableau Online オンラインヘルプ：サイトのカスタムロゴをアップロード
http://onlinehelp.tableau.com/current/online/ja-jp/help.htm#to_custom_logo.htm
TABLEAU LOVE: Adding Images to #Tableau Server Project Folders
http://tableaulove.tumblr.com/post/121910040265/adding-images-to-tableau-server-project-folders

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

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