イケてるスパゲッティチャートの作り方①

こんにちは!分析官の望月です。
みなさんはスパゲッティチャートをご存じでしょうか?

スパゲッティチャートは下図のように同一シート上に折れ線グラフがいくつも重なっているチャートであり、 見た目がスパゲッティのように見えることからそのような名称で呼ばれています。
f:id:gri-blog:20210817115239p:plain

上図を見れば一目瞭然だと思いますが、 一般的なスパゲッティチャートは情報量が多すぎることで知見が得づらくなるため、可視化の現場では避けられがちです。

しかし、表現方法を少し変えることでスパゲッティチャートも十分有効なグラフになり得ます。 本記事ではTableauを用いたイケてるスパゲッティチャートの作り方を共有します。

使用するデータ

Tableauユーザーにとっては毎度おなじみ、スーパーストアのデータを使用します。

一般的なスパゲッティチャートの作り方

今回はサブカテゴリごとの売上推移をスパゲッティチャートで表現してみます。
作成手順は以下の通りです。

  1. 列に[order_date], 行に[sales]の合計を入れる
  2. マークの色に[sub_category]を入れる

f:id:gri-blog:20210817115922p:plain

イケてるスパゲッティチャートの作り方

一般的なスパゲッティチャートは色を使いすぎており、それが情報量過多の主な要因になっています。 そこで選択したサブカテゴリは目立つ色、それ以外は目立たない色となるようにして1つのサブカテゴリにフォーカスを充てたスパゲッティチャートを作成してみます。
作成手順は以下の通りです。

  1. 列に[order_date], 行に[sales]の合計を入れる
  2. サブカテゴリ選択用のパラメータ[param_sc]を作成
    f:id:gri-blog:20210817120231p:plain
  3. 配色を制御する計算式[flg_sc]を作成
    f:id:gri-blog:20210817120308p:plain
  4. マークの詳細に[sub_category], 色に[flg_sc]を入れる
  5. 色→色の編集から好みの色に変更
    f:id:gri-blog:20210817120414p:plain
  6. [flg_sc]==1がシート前面にプロットされるよう、[flg_sc]を並べ替える
    f:id:gri-blog:20210817120519p:plain

下図が修正後のスパゲッティチャートです。
f:id:gri-blog:20210817120615p:plain この表現方法だと、選択したサブカテゴリの売上推移とともにざっくりではありますが他のサブカテゴリとの比較も行うことができます。

修正前と比べるとだいぶスッキリしましたが、次回の記事ではもう少し改良を加えることでより見やすいスパゲッティチャートを作成していきます。
乞うご期待!