Tableauマニュアル(2) 折れ線グラフ

MasaKudamatsu

2023年11月30日 17:12

折れ線グラフは、変化を線の傾きで表すので、時間の経過とともに量が増えたか減ったかを表すのに最も適したグラフです。

この記事では、Tableau Desktop を用いて、折れ線グラフを作成する方法を説明していきます。想定する読者は、以下の記事を読み終えた人です。

具体的には、福島県の女性の喫煙率（国民生活基礎調査、国立がん研究センターがん情報サービスによる集計データ）の2001年から2019年までの3年おきのデータを、全国値と比較する形で、以下のような折れ線グラフにします。

20歳以上の女性の喫煙率（2001年から2019年）。紫色が福島県、灰色が全国。

2010年を境に、全国値を下回っていたのが上回るようになったことがわかります。全国値との関係が2001年から2019年でこのように劇的に変わったのは福島県だけです。2011年の福島原発事故との関係を検証したいと思わせるデータです。

この記事で作成するTableauワークブックと使用するCSVデータを、ダウンロードできます。

このZIPファイルをダウンロードして解凍すると、LineChart というフォルダ内に以下の二つのファイルが格納されています。

LineChart.twb
女性喫煙率_福島県vs全国.csv

ファイルを他のフォルダに移動させずに、LineChart.twb を開くと、上記の折れ線グラフが表示されます。これを模範解答として参照しつつ、女性喫煙率_福島県vs全国.csv を Tableau Desktop に読み込んで自分で作業しながら、この記事を読み進めてください。

データの読み込み

女性喫煙率_福島県vs全国.csv を Tableau Desktop に読み込みます。この CSV ファイルには、三つのフィールド [都道府県]、[年]、[女性喫煙率(%)] が含まれています。

同じデータを [年]、[全国女性喫煙率]、[福島県女性喫煙率] という三つのフィールドで表すこともできますが、Tableau で折れ線グラフを作る場合、上記のようなフォーマットの方が色々と便利です（詳しくは後述します）。

「棒グラフの作り方」で紹介したのと同じ手順で、このデータを読み込み、シート１を表示させると、画面左のフィールド一覧が以下のようになるはずです。

ここで「年」フィールドはメジャーではなくディメンションなので、ドラッグして横線の上へ移動させるか、右クリックすると表示されるメニューから「ディメンションに変換」を選びます。（メジャーとディメンションの違いについては、「棒グラフの作り方」を参照してください。）

そうすると、以下のように表示されるはずです。

[年] フィールドの左側の「#」アイコンが青色になっています。つまり、離散データとして認識されています。このままだと、年を表す横軸の編集が色々と不都合になるので、連続データに変えます。そのために、右クリックをして、「連続に変換」を選んでください。（離散データと連続データの違いについては、「棒グラフの作り方」を参照してください。）

すると、「＃」が緑色になります。

これでデータの読み込みができました。

折れ線グラフの表示

「棒グラフの作り方」と同様に、横軸で表示したいフィールドを「列」に、縦軸で表示したいフィールドを「行」にドラッグします。

折れ線グラフは横軸に時間を取るのが慣例です。見やすいグラフを作るには、ユーザーが見慣れている見た目にするのが基本です。したがって、[年] フィールドを「列」にドラッグします。

次に、縦軸に表示する [女性喫煙率(%)] を「行」にドラッグします。

すると、折れ線グラフが表示されます。

しかし、左側の軸の目盛を見てください。2001年の値が26％を超えています。2001年の女性喫煙率は全国が14％、福島県が12.6%です。この二つの値が合計されています。

全国と福島県のデータを別々に表示するには、左のフィールド一覧から、[都道府県] を「マーク」カードの「色」にドロップします。

すると、以下のように表示されます。

もし、[都道府県] フィールドに三つ以上の値があれば、それぞれの値ごとに折れ線グラフが作成されます。

線の見た目のカスタマイズ

線を太くしたい、ないし、細くしたい時は、「マーク」カードの「サイズ」をクリックし、スライダーを右、ないし、左へドラッグします。

データポイントを丸で表示したい場合（今回のように3年ごとのデータの場合、データのある年を可視化するのに有効です）、マークカードの「色」をクリックし、「マーカー」と書いてある行にある三つのアイコンのうち、真ん中をクリックします。

すると以下のように表示されます。

あまり目立ちませんが、Tableau ではこの円のサイズを変更することができないので、これで我慢します。

データ系列ごとの色のカスタマイズ

折れ線ごとに色を変更するための手順は、「棒グラフの作り方」で紹介したものと同じです。右上の凡例をダブルクリックするか、「マーク」ボックスの「色」をクリックした後に「色の編集…」をクリックして、以下のダイアローグボックスを表示させます。

棒グラフを作成した際に、ユーザーが選んだ都道府県を紫にしたので、それに倣い、福島県は紫色にします。左側のリストで福島をクリックした後、右側のパレットで紫をクリックします。同様の手順で、全国は灰色にします。

折れ線グラフの場合には、ユーザーに注目してほしいカテゴリーに色をつけ、それ以外は灰色にすることをお薦めします。それぞれに色をつけてしまうと、どちらに注目すべきか分からなくなるからです。

右下の「OK」ボタンを押すと、以下のようになるはずです。

凡例のカスタマイズ

まず、タイトル「都道府県」は不要なので、凡例を右クリックして「タイトル」をクリックし、タイトルを消します。

凡例に表示されるカテゴリの順番を変えるためには、そのカテゴリーのフィールド（ここでは「都道府県」）を左のフィールド一覧で右クリックし、「既定のプロパティ」＞「並べ替え」を選びます。

表示されたダイアローグボックスで「データソース順」をクリックし、「手動」を選びます。

フィールドの値のリストが表示されるので、ドラッグして順番を入れ替えます。

右上の「X」ボタンをクリックし、ダイアローグを閉じます。すると以下のように凡例が表示されます。

凡例を使わずに線にラベルをつける

Ando (2018) は、折れ線グラフでは凡例を使わずに、線の横に直接書き込むことを推奨しています。ユーザーが、凡例と折れ線の間で視線を行き来させる必要がなくなり、認知負荷が下がった分、グラフの解釈に集中できるからです。

Tableau でこれを実現するには、凡例を表すフィールドを「マーク」カードの「ラベル」にドラッグ＆ドロップします。

そして、今度は「ラベル」をクリックし、

表示されたダイアログ内の「配置」の右横にあるドロップダウンをクリックし、折れ線と重ならずに表示される配置を探します。今回は、水平方向に左揃えするボタンを押すとうまく表示できました。

ただ、私の経験上、データによっては、どうしても折れ線と被さってしまうことがあります。そういう場合は、凡例を利用した方が良いです。

折れ線にラベルを付けるのであれば、凡例は必要ありません。メニューから「分析」＞「凡例」を選び、凡例のフィールド名（ここでは「都道府県」）をクリックしてください。凡例が消えます。（凡例自体を右クリックしても消すことができないので注意してください。）

縦軸に「0」を含めないようにする

棒グラフならば、縦軸に「0」を含めるべきなのですが（棒の長さでデータを忠実に表すため）、折れ線グラフの場合は、「0」を含めてしまうと、折れ線がほとんど水平になってしまうことがあります。折れ線グラフの目的は、値の大小ではなく値の変化を示すことなので、ほぼ水平になってしまう場合には、縦軸の最小値を「0」ではなく、表示されているデータの最小値付近に変更することをお薦めします。

「0」を含めるかどうかの判断は、折れ線の傾きの平均が約45度になっているかどうかを基準にすると良いと思います。折れ線の傾きの平均が約45度になるように折れ線グラフの縦横比を決めると良い、とデータ可視化の世界では一般に考えられています（Kosera 2013）。傾きが45度より大きいか小さいかは、目で見て判断しやすいです。したがって、平均が約45度であれば、急速な変化なのか緩やかな変化なのかが、一目でわかるようになります。

改めて、ここまで作成してきた折れ線グラフを眺めてみます。

全ての傾きが45度を下回っています。したがって、「0」は含めない方がいいでしょう。

「0」を含めないようにするには、軸を右クリックし、「軸の編集…」を選びます。

表示されたダイアローグで、「ゼロを含める」をクリックして、チェックを外し、右上の「X」をクリックしてダイアローグを閉じます。

すると、グラフが以下のようになります。

どうでしょうか？変化が見やすくなったと思いませんか？全国では女性喫煙率が、ほぼ一定の割合で下がり続けているのに対し、福島県は下がるスピードが遅い、ということが一目でわかるようになりました。

軸ラベルの編集

ラベルを表示させる値の変更

横軸の「年」については、デフォルトで毎年ラベルがついていますが、データのない年にラベルがついているのは意味がないので、データのある2001年から3年間隔でラベルが表示されるようにしてみます。

横軸を右クリックし、「軸の編集…」を選びます。

表示されたダイアローグで、「目盛り」タブをクリックします。

「大目盛り」のラジオボタンから「固定」をクリックします。

「目盛りの原点」に「2001」、「目盛り間隔」に「3」と入力します。

右上の「X」ボタンを押してダイアローグを閉じると、以下のように表示されるはずです。

軸の目盛りは、ユーザーが見慣れている、2の倍数、ないし、5の倍数にした方がいいという考え方もあります（Ando 2018）。確かに、2001、2004、2007、2010、2013、2016、2019 という数列は見慣れないので、軸の解釈のためにユーザーの認知負担を強いることになり、折れ線グラフそのものへの注意を邪魔するかもしれません。

そこで、2000、2005、2010、2015、2020 という見慣れた目盛りに変えてみます。もう一度、横軸を右クリックして「軸の編集…」を選びます。再び「目盛り」タブをクリックし、「目盛りの原点」を「2000」、「目盛り間隔」を「5」に変更します。

横軸の解釈にかかる時間が短くなった気がしませんか？

軸の最小値と最大値の変更

しかし、「2000」と「2020」のラベルの位置が、内側に寄ってしまっています。これを修正するために、もう一度、横軸を右クリックして「軸の編集…」を選びます。「範囲」のラジオボタンから「固定」をクリックし、「開始値を固定」の下に「1999」、「終了値を固定」の下に「2021」と入力し、右上の「X」ボタンをクリックします。