Tableau Tips: ファネルチャートの作成 #tableau

2016.01.30

この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。

データを可視化する際のグラフ形式の1つに『ファネルチャート』というものがあります。『入口と出口とその間の数ステップにおいて,ステップ順に数値が減っていく(離脱していく)データに対して有効』(※参照エントリより)なグラフであり、Tableauでも幾つかの手法でこのグラフを作成する事が可能です。

そこで今回は、幾つか紹介されている手順の中から2つピックアップして実際にファネルチャートを作成してみたいと思います。

目次

#1.比較的シンプルな手順の場合

まずは比較的シンプルなバージョンから。こちらのYouTube動画の手順に従って作成する形になります。

まずはデータをこのような形で用意。

tableau-create-funnel-chart_1_01

Tableauで読み込み、以下の形で要素を配置します。

  • Agentを列に配置(そのまま読み込んだままだとメジャー扱いになっているので、ディメンションに移動した後に行なう)
  • Stageを列に配置
  • Quantitを列、Agentの右に配置

tableau-create-funnel-chart_1_02

[マーク]タイプをエリアに変更。すると以下の様な見え方になります。これで右半分が出来ました。

tableau-create-funnel-chart_1_03

次いで左半分を作成します。計算フィールドの作成で[Quantity]をベースに以下の様な要素を作成。Quantityの数値にマイナスを付与します。

tableau-create-funnel-chart_1_04

Quantityの左横に上記で作成したOtherを配置。対称となる形で左半分が形作られました。

tableau-create-funnel-chart_1_05

数値情報を計算するフィールドを別途用意します。LOOKUP関数についての解説は以下をご参照ください。

tableau-create-funnel-chart_1_06

上記で作成した関数の情報をラベルとして表記してみます。

tableau-create-funnel-chart_1_07

要素としては右半分・左半分で分かれているので、以下の様に要素の配置を振り分けてみるのも良いでしょう。簡単バージョンの方はこれで完成です。

tableau-create-funnel-chart_1_08

#2.若干手間の掛かる手順の場合

次は、若干手間が掛かる手順となりますが、見え方的には#1よりちょっと良い感じになるヤツです。以下公式動画(要サインイン)で紹介されているものの後半部分の内容をやってみた形になります。

動画手順に倣い、以下の様なデータを用意しました。ひとつ異なっている部分は、フェーズの最終段階である[Purchase]の後に、同じ数値で[Finish]という行をそれぞれ追加している点。この部分については、動画を参考にして行った際に最後の[Purchase]の部分を形成する手順で出来なかった部分があった(動画で表示されているTableauのバージョンが古めだった&現在確認しているバージョンは9.2だったのでやろうとしていた部分が出来なくなってしまったと思われる)ので、代替案として『これで行けるかな?』と思案してみた結果の反映となります。

tableau-create-funnel-chart_2_01

Tableauでデータを読み込んだ後、計算フィールドを以下の様な形で作成します。これは、全てのPhase分作成します。(※Finishに関する部分は不要です)

tableau-create-funnel-chart_2_02

各関数の内容を以下に記載しておきます。

Website Hit

IF ATTR([Phase])="Website Hit" OR LOOKUP(ATTR([Phase]), -1)="Website Hit"
THEN SUM([Number of Prospects]) END

Download

IF ATTR([Phase])="Download" OR LOOKUP(ATTR([Phase]), -1)="Download"
THEN SUM([Number of Prospects]) END

Sales Contact

IF ATTR([Phase])="Sales Contact" OR LOOKUP(ATTR([Phase]), -1)="Sales Contact"
THEN SUM([Number of Prospects]) END

Quote Sent

IF ATTR([Phase])="Quote Sent" OR LOOKUP(ATTR([Phase]), -1)="Quote Sent"
THEN SUM([Number of Prospects]) END

Purchase

IF ATTR([Phase])="Purchase" OR LOOKUP(ATTR([Phase]), -1)="Purchase"
THEN -SUM([Number of Prospects]) END

作成後の状況はこんな感じです。[Sales Rep]を列に、[Phase]を行に配置しておきます。

tableau-create-funnel-chart_2_03

メジャーバリューを列に配置。

tableau-create-funnel-chart_2_04

配置された内容を、項目のドラッグ&ドロップ操作で多い順に並べ替えます。

tableau-create-funnel-chart_2_05

メジャーバリューの中でPhaseに含まれていないものを排除し、マークタイプを[エリア]に変更。すると以下の様な形の表示となります。

tableau-create-funnel-chart_2_06

メジャーバリューの項目全てを選択済にした上で右クリック→[表(下)]を選択。

tableau-create-funnel-chart_2_07

且つ、メニューの[分析]からスタックマークを[オフ]に切り替えます。

tableau-create-funnel-chart_2_08

表示調整を[ビュー全体]とする事で、#1の手順同様に右半分が、しかもPhase毎に色分けされた形で作られました。

tableau-create-funnel-chart_2_09

ここからは左半分の要素の作成です。Phase毎に個別に作った計算フィールドを複製し、

tableau-create-funnel-chart_2_10

名称の書き換えと計算式の変更を行います。計算式については、SUMの部分にマイナス表記を付加する形となります。

tableau-create-funnel-chart_2_11

上記手順で全ての要素で対になる項目(今回の手順では"(Negative)"と末尾についているやつ)を作成し、メジャーバリューに放り込みます。

tableau-create-funnel-chart_2_12

左半分も出来ました!しかし色合いがバラバラです。

tableau-create-funnel-chart_2_13

色の編集を行います。[メジャーネーム]カードの[▼]から編集モードを選択。

tableau-create-funnel-chart_2_14

右半分と色合いが同じになるように設定を行います。

tableau-create-funnel-chart_2_15

また、ツールチップ表記についても設定を行ってみます。[Number of Prospects]をラベルに落とし込み、[表計算の追加]を選択。

tableau-create-funnel-chart_2_16

計算タイプ:割合の基準を選択し、以下の様な形で設定を行います。

tableau-create-funnel-chart_2_17

これでこちらのバージョンも完成です。

tableau-create-funnel-chart_2_18

まとめ

以上、ファネルチャートのTableauでの作成方法のご紹介でした。Tableauではデータの持たせ方、関数や各種機能を活用する事で実に様々なグラフを作成する事が可能です。一般的に可視化・分析で用いられている様な表示形式・グラフについても数多く紹介されているネタがありますので、今後タイミングを見計らってそういったネタもご紹介して行ければと思います。