その他お問い合わせ先

lodestar@truestar.co.jp

運営会社

株式会社truestar
truestar activation株式会社

KPIダッシュボードサンプル改

4月19日のTableau Conference on Tour Tokyoにて 『ダッシュボードデザインの基本』 というテーマで登壇させていただきました。

その中で、KPIダッシュボードのビフォーアフターをご紹介しましたので、ファイルをTableau Publicで共有しました。

簡単な説明とともにご紹介。

 

Tableau-id上で、2014年8月にKPIダッシュボードサンプルという記事を書きましたが、 そこで公開したダッシュボードを『ビフォー』として、 デザイン観点(フォント・色・レイアウト)を意識して簡易に修正した『アフター』版、さらに コンテンツ観点(目的・情報整理・適切な可視化方法)まで加味した『アフターのアフター』版を作りました。

まず、これが『ビフォー』(※2017/04/21 誤って別のファイルを上書き保存してしまったのでver10.1で上げ直しました・・・)

var divElement = document.getElementById(‘viz1492766415867’); var vizElement = divElement.getElementsByTagName(‘object’)[0]; vizElement.style.width=’1173px’;vizElement.style.height=’896px’; var scriptElement = document.createElement(‘script’); scriptElement.src = ‘https://public.tableau.com/javascripts/api/viz_v1.js’; vizElement.parentNode.insertBefore(scriptElement, vizElement);

なかなか色がうるさいですね。無駄な枠線などもあります。数値も小さく見づらいです。

 

フォント、色、レイアウトを簡易に調整した『アフター』がこちら。

var divElement = document.getElementById(‘viz1492766350799’); var vizElement = divElement.getElementsByTagName(‘object’)[0]; vizElement.style.width=’1173px’;vizElement.style.height=’896px’; var scriptElement = document.createElement(‘script’); scriptElement.src

続きを読む KPIダッシュボードサンプル改

カスタムカラーパレット

小ネタです。

Learn About Tableau

こんなこともできます、ということで。

続きを読む カスタムカラーパレット

Tableauでの「対前年増減率」「前年比」の作り方

対前年増減率や前年比は、かなり使用頻度が高い切り口ですが、 Tableau上で一から数式を組む際に、手が止まってしまうこともあると思います。

今回は、Tableauの計算フィールド機能を使用して、 対前年増減率や前年比を実装したファイルを紹介します。

Learn About Tableau

サンプルファイル内には、

・計算フィールドを利用した対前年増減率・前年比の詳しい実装手順 ・使用する数式 ・Tableau簡易表計算機能を利用した対前年増減率の作成方法 ・数値のプラスorマイナスで色を分ける方法

などを記載しています。一度数式を組めば、色々応用できるので、 興味のある方は是非、サンプルをダウンロードして実装してみてください。

Tableau_id執筆者:木部丈意(Tomooki Kibe)

続きを読む Tableauでの「対前年増減率」「前年比」の作り方

KPIダッシュボードサンプル

先日、とある会合でシェアしたダッシュボードが好評だったため、Publicでの公開用に Coffee Chainのサンプルデータを用いたKPIダッシュボードを実装してもらいました。

var divElement = document.getElementById(‘viz1492762532372’); var vizElement = divElement.getElementsByTagName(‘object’)[0]; vizElement.style.width=’1173px’;vizElement.style.height=’896px’; var scriptElement = document.createElement(‘script’); scriptElement.src = ‘https://public.tableau.com/javascripts/api/viz_v1.js’; vizElement.parentNode.insertBefore(scriptElement, vizElement);

※2017/04/21 誤って別のファイルを上書き保存してしまったのでver10.1で上げ直しました・・・

※サンプルデータの問題で、『売上総利益』や『売上原価』などの一部データは 当年と前年の数値が完全一致となっており、増減率が0%となっています。

実装のキーポイントは4点

①ダッシュボードなのか分析ツールなのか、その用途を明確にする ・ダッシュボードならば、印刷して1枚で概要把握できるものを心掛ける ・ユーザーがドリルダウンすることを期待すべきではない(実際ほとんどしない)

②数字とグラフをバランスよく配置する ・正確な数値を認識すべきものと、ざっくりとボリューム感や結果を俯瞰すべきものを区別する

③一段階ドリルダウンした情報までは見せる ・全体の数値(総計)+1段階のドリルダウンだけで、良否の主要因は把握できる ・加えて、ユーザーの分析マインドに火をつける(きっかけになる)

④色はシンプルに設定する ・データや用途によってはグラデーションより2色や3色で見せる方が明確に事象を把握できる (グラデーションや多色の場合、プロジェクターでのプレゼンには向かない)

参考文献 Information Dashboard Design Stephan Few著(洋書)

ちなみに、このダッシュボードを実装したスタッフは、入社してわずか2週間後に これを完成させました。 参考になるファイルさえあれば、類似したアウトプットを簡単に実装できてしまうところが Tableauの良いところでもあります。

以上です。 ご参考になれば幸いです。

続きを読む KPIダッシュボードサンプル

パラメーターによる強調と抜粋

Tableau作業において、選択したデータを「強調したい」あるいは「抜粋して表示したい」というニーズがあると思います。 今回は、そんな時に役立つ「パラメーターによるデータ強調・抜粋」の方法を紹介します。

Learn About Tableau

本サンプルでは、「強調抜粋表示」のプルダウンを選択すると、 該当データがSales推移チャートでは強調表示され、Sales累計チャートでは一番上に抜粋表示されます。

実際に上記サンプルをダウンロードして実装していただくとわかると思いますが、 非常に手順がシンプルで、個々のケースに合わせて応用ができるTipsです。

詳しい実装手順はサンプルファイル内のシートに記載しているので、是非実装してみてください。

Tableau_id執筆者:木部丈意(Tomooki Kibe)

続きを読む パラメーターによる強調と抜粋

V.LEAGUE女子のチームスタッツ

女子バレーの各チームのデータをシンプルなダッシュボードにまとめてみました。

Learn About Tableau

まずは全体成績を表示し、その要因となりうる指標を攻撃面、防御面に整理して掲載しています。 優勝した久光は、2位(レギュラーシーズン)だった前シーズンより、アタックの精度が下がっています。これはサーブレシーブ成功率が低下したことに起因している可能性がありそうですね。

配色を含めてシンプルなグラフとしたことで、細かな数値ではなくメッセージ(結果の良し悪し)が明確になりました。

続きを読む V.LEAGUE女子のチームスタッツ