同じデータなのに、なぜ伸びが違って見える？ 折れ線グラフの縦横比と軸の設計

同じ売上データを使ったのに、会議用のスライドでは「急成長」に見え、月次報告書では「ほぼ横ばい」に見える。そんな経験はないでしょうか。

数値を書き換えなくても、折れ線グラフを縦に伸ばせば線は急になり、横に広げれば緩やかになります。縦軸の範囲を狭くすれば差は大きく見え、広くすれば小さく見えます。レイアウト調整に見える操作が、読み手の判断を変えているのです。

折れ線グラフで私たちが読むのは、点の位置だけではありません。線の傾きから「増えている」「勢いが落ちた」「変化が急だ」と判断します。だからこそ、縦横比と軸は飾りではなく、情報の一部です。

結論：縦横比を決める前に、読み手の判断を決める

折れ線グラフを誠実で読みやすくするために、最初に決めるのは見栄えではありません。読み手に何を比べてもらうかです。

• 同じ期間や部署を比べるなら：描画領域の大きさと軸の範囲をそろえる
• 一つの系列の変化を詳しく見るなら：変化が読める範囲へ軸を絞り、開始値と終了値、変化率を明記する
• 基準からの距離を判断するなら：目標、前年、損益分岐点など、判断に必要な基準線を見せる
• 長期傾向と短期変動の両方が必要なら：一つの比率へ押し込まず、期間や尺度を分ける

「線の平均的な傾きを45度に近づける」という考え方は、傾きの違いを読み取りやすくする出発点になります。ただし、45度なら常に正しいわけではありません。研究では、判断の誤差が45度で最小にならない場合や、見える基準線を加えたほうが効果的な場合も示されています。

大切なのは、都合のよい印象を作ることではなく、読み手が数値、変化、比較条件を復元できることです。

同じ数値でも、線の傾きは変えられる

仮に、月間の問い合わせ数が100件、104件、108件、112件と増えたとします。4か月で12%の増加です。この四つの点を縦長の枠に置くと、線は急上昇して見えます。横長の枠に置くと、同じ線は緩やかになります。

数値も増加率も変わっていません。変わったのは、横方向の1か月と縦方向の1件に、画面上で何ピクセルを割り当てたかです。横方向を半分に縮めるか、縦方向を2倍に伸ばせば、見た目の傾きはおおむね2倍になります。

この性質は、レイアウトの都合で偶然起こるだけではありません。急成長を印象づけたいときに縦長へ、変動を小さく見せたいときに横長へすれば、数値を偽らずに印象だけを動かせます。そのため、縦横比は「余った枠に収める」最後の工程ではなく、グラフを作る時点で検討すべき設計条件です。

折れ線グラフでは、線そのものが「変化」を語る

ZacksとTverskyは1999年、グラフの理解と作成を調べた三つの実験で、折れ線グラフは傾向の説明と、棒グラフは離れた項目の比較と結び付きやすいことを示しました。折れ線を見ると、私たちは点を個別に読むだけでなく、連続した変化として理解しやすいのです。

だから、線の角度は無視できません。「今月は112件」という一点の値だけなら、位置と数字を読めば足ります。しかし、「成長が加速した」「減少が緩やかになった」といった判断には、隣り合う点を結ぶ線の傾きが使われます。

グラフ形式を目的に合わせて選ぶ考え方は、グラフの種類を変えるだけで、なぜデータは伝わりやすくなる？で詳しく扱っています。本稿では、その次の段階として、折れ線グラフを選んだ後の形と軸に焦点を当てます。

「45度へ近づける」は、何を助けるのか

Cleveland、McGill、McGillは1988年、二変量グラフの横方向と縦方向のデータ範囲の比率を「形状パラメータ」として扱い、傾きの判断を改善する表示方法を歴史、理論、実験から検討しました。ここから広く知られるようになったのが、線の傾きをおおむね45度へ近づける考え方です。

水平に近い線では、わずかな角度の違いが見分けにくくなります。反対に、垂直に近づきすぎても差を比べにくくなります。中間の角度へ広げることで、上昇と下降、傾きの変化を読み取りやすくするのが狙いです。

ただし、この古典研究に含まれる実験は16人が44組の単純な線分を比べるもので、短時間の知覚判断が中心です。複数系列、注釈、目標線、会議での議論まで含む業務資料を直接検証したものではありません。

HeerとAgrawalaは2006年、時系列の異なる尺度に対して傾きを45度へ近づける方法を提案しました。日々の細かな変動を見せやすい比率と、数年単位の大きなうねりを見せやすい比率は同じとは限りません。一つのグラフだけで、短期の周期と長期の傾向を同じ明瞭さで見せることは難しいのです。

したがって、「45度にすれば科学的」と考えるのは早計です。何を読むグラフかを決め、その判断に必要な変化がつぶれず、誇張されない比率を探るための目安として使います。

45度より、見える基準が効く場合もある

Talbot、Gerth、Hanrahanは2012年、二本の線の傾きの比率を人がどう判断するかを複数の実験で調べました。その結果、誤差が常に45度付近で最小になるわけではありませんでした。さらに、比較の基準となる線を見せると、誤差が大きく減ることが分かりました。

実務に置き換えると、傾きの見栄えを微調整するだけでなく、判断の手掛かりを明示したほうがよい場面があります。

• 売上推移なら、前年同月または目標の線を加える
• 問い合わせ数なら、対応能力の上限を示す
• 制作進行なら、予定線と実績線を同じ尺度で置く
• 変化率が重要なら、開始値、終了値、増減率を線の近くへ書く

折れ線だけを見て「急だ」と感じても、その変化が良いのか悪いのか、判断に必要な大きさなのかは分かりません。意味のある基準を置くことで、形の印象を業務上の判断へつなげられます。

企業報告でも、傾きは変化率の判断を動かす

BeattieとJonesは2002年、英国の大企業240社の年次報告書に掲載された主要な財務グラフ456点を調べました。対象となる右上がりの系列の多くで、線の傾きは45度より大きく、強い上昇に見える表示が使われていました。

続く実験では、会計科目を1年間学んだ経営系学生53人に、30度、45度、70度の傾きを持つグラフを短時間見せ、変化率を判断させました。傾きは、変化を「少ない」「中程度」「多い」と捉える分類にも、二つの変化率を比べる正確さにも影響しました。

この研究は、グラフの傾きが企業報告の受け手にも無関係ではないことを示します。一方で、対象は英国企業の古い年次報告書と学生で、主に単純な右上がりの系列です。現在のスマートフォン画面や対話型ダッシュボードで同じ大きさの効果が起きるとは限りません。

ここから言えるのは「70度は禁止」ということではありません。報告者の意図とは関係なく、表示比率が変化率の印象へ影響するため、比較条件を固定し、実数を添える必要があるということです。

縦横比と縦軸の切断は、別の操作として考える

グラフを縦に伸ばすことと、縦軸の途中を省くことは、どちらも線を急に見せますが、仕組みは異なります。縦横比の変更は、同じ数値範囲の描画寸法を変えます。軸の切断は、画面に含める数値範囲そのものを変えます。

「縦軸は必ず0から始める」と覚えると、棒グラフには有効でも、折れ線グラフでは変化がつぶれることがあります。たとえば体温が36.4度から37.2度へ動く状況を0度から描けば、重要な変化がほとんど見えません。折れ線グラフでは、0そのものより変化や傾向を読む場合があるためです。

一方、都合のよい狭い範囲だけを見せれば、小さな差を危機や急成長のように見せられます。Correll、Bertini、Franconeriは2020年、縦軸の切断が正確さを助ける場合と損なう場合を調べ、目的や図の種類によって結果が変わることを示しました。切断を示す印があっても、差の主観的な印象が残る場合があります。

Yangらは2021年、切断した棒グラフを扱う五つの研究で、差が実際より大きく感じられる影響を報告しました。注意書きは影響を弱めても、完全には消しませんでした。ただし、これは棒の長さで量を表す棒グラフの研究です。数値を折れ線グラフへそのまま当てはめることはできません。

Pandeyらの2015年の研究も、軸や面積を歪めた図の誤解が、図の種類と質問によって異なることを示しています。必要なのは一律の禁止ではなく、「読み手が何を判断するか」「表示されていない範囲を含めて値を復元できるか」を確かめることです。

「視覚化・構造化」で、比較条件をそろえる

伸滋Designの伝わる設計マップでは、複雑な情報を理解できる形へ整える場面に「視覚化・構造化（引き算のデザイン）」を使います。折れ線グラフで引くべきものは、情報量そのものではなく、判断を揺らす不要な違いです。

比較するグラフは、描画領域までそろえる

二つの部署や二つの期間を並べるなら、縦軸の最小値・最大値だけでなく、実際に線が描かれる枠の幅と高さもそろえます。同じ目盛りでも、一方だけ縦長なら傾きは急に見えます。凡例や長い注釈に押されて描画領域が小さくなっていないかも確認します。

関連する情報の距離と判断のしやすさについては、近接適合性原則で決めるダッシュボード設計も参考になります。比較対象を近づけるだけでなく、同じ尺度と寸法で置くことが必要です。

線の印象を、実数で確かめられるようにする

すべての点に数字を書くと線が読みにくくなります。開始値、終了値、最大・最小、重要な転換点に絞って数字を添えます。100から112なら「+12件」だけでなく「+12%」も示すと、基準となる大きさを理解できます。

数値の細部と全体像の両方を残す考え方は、細かな数値と要点を分けて伝える記事でも解説しています。線の形だけに意味を背負わせず、短い要点を近くへ置きます。

軸を絞るなら、理由と範囲を隠さない

0から始めない場合は、最小値と最大値を読める大きさで表示し、必要なら「平均との差を拡大」「目標付近を表示」と目的を書きます。全体像が必要な場面では、0や長期範囲を含む小さな概要図と、判断範囲を拡大した詳細図を分ける方法もあります。

ただし、全体図と詳細図を置けば自動的に誠実になるわけではありません。両方の期間、単位、色を合わせ、どこを拡大したかが一目で分かるようにします。

実務例：月間問い合わせ数100件から112件を報告する

架空の例として、4か月の問い合わせ数が100、104、108、112件だったとします。担当者は「問い合わせが増えたため、来月の対応体制を検討したい」と考えています。

急な伸びを強調するため、縦軸を98〜114件にし、縦長の枠へ置けば、線は強く上昇して見えます。しかし、受け手が必要とするのは勢いの印象だけではありません。増加が一時的か、対応能力を超えるか、前年と比べてどうかです。

まず、グラフの近くに「4か月で12件増、12%増」と書きます。次に、現在の対応能力が月110件なら110件の基準線を加えます。前年同期間が96、99、101、105件だったなら、同じ縦軸と描画領域で前年線を重ねます。こうすると、線の傾きだけでなく「今月、対応能力を2件上回った」「前年同月より7件多い」と判断できます。

経営会議で全体規模も必要なら、0を含む概要図を小さく添え、100〜112件の変化を読む詳細図と役割を分けます。どちらか一方を正解にするのではなく、「規模」と「変化」を別の問いとして見せます。

前月の資料と今月の資料を比べる運用では、テンプレートの縦横比と軸を固定します。最大値が変わるたびに自動で軸が縮んだり広がったりすると、実際の変化と表示変更を見分けられません。範囲を変える必要があるときは、変更箇所を注記します。

折れ線グラフを確認するチェックリスト

作る前

• 読み手に比べてもらうのは、値、変化率、目標との差、傾向のどれか
• 折れ線グラフが連続した変化を表す目的に合っている
• 期間と集計単位を決め、都合のよい区間だけを切り取っていない
• 比較に必要な目標、前年、許容範囲を確認した

形と軸を決めるとき

• 縦横比を変えた二案を並べ、印象がどの程度変わるか確認した
• 比較するグラフの軸と描画領域をそろえた
• 45度を絶対の規則ではなく、傾きがつぶれていないかを見る目安にした
• 0から始めない場合も、軸の最小値と最大値を明確に表示した
• 自動調整された軸が、前回資料との比較を壊していない

仕上げるとき

• 開始値、終了値、増減率を線の近くで確認できる
• 判断に必要な基準線には名称と数値がある
• 概要と詳細を分けた場合、拡大範囲が対応している
• スマートフォン、スライド、印刷でも描画領域の比率が崩れていない
• タイトルが「急増」などの評価を先に決めず、事実と期間を示している

根拠の限界：一つの「正しい比率」はない

本稿で紹介した研究の多くは、単純な線分や短時間のグラフ判断を扱います。実際の報告書には、複数の線、注釈、会議の目的、読み手の知識が加わります。実験で有効だった比率を、そのまますべての資料へ移すことはできません。

また、傾きを読みやすくすることと、意思決定が正しくなることは同じではありません。データの欠測、集計方法の変更、季節性、外れ値があれば、見やすいグラフでも誤った結論へ進みます。表示比率を整える前に、データの意味と比較可能性を確認する必要があります。

軸の切断にも一律の答えはありません。棒グラフでは0からの長さが量を表すため、0を省く影響が大きくなります。折れ線グラフでは変化を読むために範囲を絞ることがあります。ただし、範囲を隠したり、比較する図で別々の軸を使ったりすれば、誤解を招きます。

45度は便利な目安ですが、研究自体が万能性を否定しています。目的、期間、変動の尺度、基準線の有無を合わせて判断してください。

グラフの形ではなく、判断の条件をそろえる

折れ線グラフの縦横比と軸は、数値を入れた後の飾りではありません。同じデータから「急増」と「横ばい」のどちらも作れる以上、表示寸法は判断条件の一部です。

比較するグラフは軸と描画領域をそろえ、重要な実数と変化率を添えます。軸を絞るなら範囲と目的を示し、長期傾向と短期変動が競合するなら図を分けます。45度は傾きを読みやすくする出発点として使い、意味のある基準線で判断を支えます。

報告書、提案資料、経営ダッシュボードで、数字を誇張せず、必要な変化がきちんと伝わるグラフへ見直したい場合は、伸滋Designへご相談ください。数値の意味、読み手の判断、資料の見せ方を一つにつなげて整理します。

参考文献

1. Cleveland, W. S., McGill, M. E., & McGill, R. (1988). The shape parameter of a two-variable graph. Journal of the American Statistical Association, 83(402), 289–300. https://doi.org/10.1080/01621459.1988.10478598
2. Heer, J., & Agrawala, M. (2006). Multi-scale banking to 45 degrees. IEEE Transactions on Visualization and Computer Graphics, 12(5), 701–708. 著者公開ページ
3. Talbot, J., Gerth, J., & Hanrahan, P. (2012). An empirical model of slope ratio comparisons. IEEE Transactions on Visualization and Computer Graphics, 18(12), 2613–2620. https://doi.org/10.1109/TVCG.2012.196
4. Beattie, V., & Jones, M. J. (2002). The impact of graph slope on rate of change judgments in corporate reports. Abacus, 38(2), 177–199. https://doi.org/10.1111/1467-6281.00104
5. Pandey, A. V., Rall, K., Satterthwaite, M. L., Nov, O., & Bertini, E. (2015). How deceptive are deceptive visualizations? Proceedings of the 33rd Annual ACM Conference on Human Factors in Computing Systems, 1469–1478. https://doi.org/10.1145/2702123.2702608
6. Correll, M., Bertini, E., & Franconeri, S. (2020). Truncating the Y-axis: Threat or menace? Proceedings of the 2020 CHI Conference on Human Factors in Computing Systems. https://doi.org/10.1145/3313831.3376222
7. Yang, B. W., Vargas Restrepo, C., Stanley, M. L., & Marsh, E. J. (2021). Truncating bar graphs persistently misleads viewers. Journal of Applied Research in Memory and Cognition, 10(2), 298–311. https://doi.org/10.1016/j.jarmac.2020.10.002
8. Zacks, J., & Tversky, B. (1999). Bars and lines: A study of graphic communication. Memory & Cognition, 27, 1073–1079. https://doi.org/10.3758/BF03201236