図解とグラフの選び方:伝えたいメッセージから形を決める|伝わる資料作成とプレゼン 第3回

田中 磨生

監修田中 磨生株式会社Abin 代表取締役

株式会社Abin代表取締役。AI SaaSの上場企業やHR系ベンチャーのマーケティング責任者を経て、2023年BtoBマーケティング特化のコンサルティング会社株式会社Abinを設立。創業から30社以上のBtoBマーケティングの戦略立案から実行までを行う。2025年には株式会社プロベルの役員に就任。NYマーケティング株式会社の執行役員も務める。

プロフィールを見る →

執筆Abin編集部

図解とグラフの選び方:伝えたいメッセージから形を決める|伝わる資料作成とプレゼン 第3回

この回で分かること:①図やグラフは「メッセージを見せるための道具」であり、形はメッセージから決めること、②メッセージを5つの「比較の種類」に分けて、合うグラフを選ぶ方法、③数字を使わない図解(流れ・構造・関係)の使い分けと、よくある「伝わらないグラフ」の直し方。第2回で書いたメッセージの一文を、目で見て分かる形にしていきます。

図やグラフを選ぶ3ステップ:メッセージ→比較の種類→形
図1:図やグラフは、メッセージ→比較の種類→形の順で決める

この回の位置づけ

ツギノテには、データの集め方や読み方、統計の基本を扱うマーケターのためのデータ分析・統計入門があります。データ分析の講座が「データから何が言えるかを見つける」ことを扱うのに対して、この回は 「見つけたことを、読み手に一目で伝える」 ことを扱います。分析が終わり、言いたいことが決まったあとの、見せ方の話だと考えてください。

🔒 ここから先は無料会員限定です
この講座は、会員でない方は第2回まで読めます。第3回の続きと、残りの回はすべて、無料会員登録で読めます。
MEMBERS ONLY登録30秒・無料
続きは、無料会員登録ですぐ読めます。
会社のメールアドレスに届くリンクを開くだけ。このページに戻って、続きから読めます。
01
講座が全部、最後まで受け放題40以上の講座・300回超の連載を全回読めます。会員でない方は各講座の第1〜3回まで。
02
AI比較が1日5回あなたの会社向けの順位表と稟議書のたたき台を、何度でも作り直せます(会員でない方は1回)。
03
学びの進み具合をまとめて管理読んだ回・確認テストの成績・修了証をマイページに保存。PCでもスマホでも続きから。
04
AIへの質問が1日60回ツギノテの記事から答えを探すAI検索も、たっぷり使えます(会員でない方は20回)。
無料会員登録項目はすべて必須です
Gmail・Yahoo!メール・Outlook・携帯キャリアなどのフリーアドレスでは登録できません。お勤め先のメールアドレスを入れてください。
登録するとプライバシーポリシーに同意したものとみなします。

まずメッセージ、次に形

グラフを選ぶとき、多くの人は「このデータは棒グラフにしよう」「円グラフのほうが見栄えがいい」と、データや見た目から考え始めます。しかし、同じデータでも、伝えたいことによって適したグラフは変わります。

たとえば、ある会社の地域別・年別の売上データがあったとします(架空の例)。

  • 「関東の売上がいちばん大きい」と言いたいなら、地域ごとの大きさを並べて比べる 横棒グラフ
  • 「関東の売上は3年で伸び続けている」と言いたいなら、時間による変化を見せる 折れ線グラフや縦棒グラフ
  • 「売上の半分以上を関東が占めている」と言いたいなら、全体の中の割合を見せる グラフ

どれも同じデータから作れますが、伝わることがまったく違います。だからこそ、グラフを選ぶ前に、第2回で学んだメッセージの一文を書く ことが大切です。

この「メッセージを先に決め、そこから比較の種類を見極め、グラフの形を選ぶ」という手順は、ジーン・ゼラズニーの著書 Say It With Charts(邦訳『マッキンゼー流 図解の技術』東洋経済新報社)で示された考え方です。この本の目次には、メッセージを決める→比較の種類を見極める→グラフの形を選ぶ、という流れがそのまま章立てとして示されています。

5つの比較の種類とグラフの形

ゼラズニーは、グラフで伝えるメッセージは、どれも何らかの 比較 であり、その比較は5つの種類に分けられると整理しました。この講座では、その5つを実務で使いやすい言葉に置きかえて紹介します。

5つの比較の種類と、よく使うグラフの形
図2:5つの比較の種類と、よく使うグラフの形
比較の種類 メッセージの例(架空) よく使う形 見分けるキーワード
構成(割合) 売上の半分以上を関東が占める 円グラフ、100%積み上げ棒 割合、シェア、〜%を占める
項目(順位) 関東の売上が最も大きい 横棒グラフ 最も大きい、〜より多い、順位
時系列(推移) 売上は3年連続で伸びている 折れ線グラフ、縦棒グラフ 伸びた、減った、推移、〜以降
度数分布 購入金額は1万〜2万円に集中している ヒストグラム(縦棒) 集中している、ばらつき、〜の範囲
相関 訪問回数が多い顧客ほど購入金額も大きい 散布図 〜ほど〜、関係がある、比例する

メッセージの一文に含まれるキーワードを見ると、どの比較の種類かを見分けやすくなります。「〜を占める」なら構成、「最も」なら項目、「伸びた」なら時系列、というように、言葉からグラフを選ぶ のがコツです。

構成(割合)を見せるとき

全体の中の割合を見せるときは、円グラフがよく使われます。ただし、項目が多くなると、細い扇形どうしの大きさを見比べるのは難しくなります。項目が多い場合や、複数のグループの割合を並べて比べたい場合は、100%積み上げ棒グラフ にすると比べやすくなります。円グラフを使う場合も、強調したい項目を12時の位置から始め、ほかの項目はまとめて「その他」にするなど、見る場所を絞るとよいでしょう。

項目(順位)を見せるとき

項目どうしの大きさを比べるときは、横棒グラフ が基本です。項目名が長くても横に書けるので読みやすく、大きい順に並べると順位が一目で分かります。並び順をアルファベット順や五十音順にすると、肝心の「どれが大きいか」が見えにくくなるので、メッセージに合わせて並べ替えましょう。

時系列(推移)を見せるとき

時間による変化を見せるときは、折れ線グラフ か 縦棒グラフ を使います。時間は左から右へ流れるように並べるのが基本です。点の数が多いとき(毎月の数字を数年分など)や、変化の傾きを見せたいときは折れ線、点の数が少なく、それぞれの時点の大きさを見せたいときは縦棒が向いています。

度数分布と相関を見せるとき

度数分布は、「どの範囲にどれだけ集まっているか」を見せる比較です。購入金額を「1万円未満」「1万〜2万円」のような区切りに分け、それぞれの人数を縦棒で並べます。区切りの幅はそろえておかないと、山の形が正しく読めなくなります。

相関は、2つの数字の関係を見せる比較です。横軸と縦軸にそれぞれの数字をとり、1人(1件)を1つの点で表す散布図を使います。ただし、関係が見えても、どちらが原因かまでは散布図だけでは言えません。因果関係の考え方は、データ分析の講座で確認しておくと安心です。

「主力商品の売上は、2024年以降、毎年伸びている」というメッセージに最も合うグラフはどれでしょう?

  1. 円グラフ
  2. 折れ線グラフ(または縦棒グラフ)
  3. 散布図
答えと解説

正解は2です。「伸びている」「〜以降」は時間による変化(時系列)を表すキーワードです。時系列は、左から右へ時間が流れる折れ線グラフや縦棒グラフで見せます。

FREE MEMBER

無料会員なら、講座が受け放題・AI比較が1日5回

40以上の講座を最後まで読めて、学びの進み具合も記録できます。登録は30秒・無料です。

無料で会員登録する →

数字を使わない図解の選び方

資料で使う図は、グラフだけではありません。仕事の手順、組織の関係、考え方の整理など、数字を使わない内容を図にすることもよくあります。こうした 図解 も、伝えたいことから形を選びます。

伝えたいことと図解の形の対応:流れ・構造・関係・位置づけ
図3:数字を使わない図解は、伝えたいことから形を選ぶ
伝えたいこと 図解の形 使う場面の例
流れ・順番 矢印でつなぐフロー図 業務の手順、導入までのステップ
構造・分解 ツリー図、階層図 課題の分解、組織の構成
関係・やりとり 箱と矢印の関係図 部署間の情報の流れ、取引の関係
位置づけ・比較 2つの軸のマトリクス 施策の優先順位、競合との違い
重なり・共通点 ベン図 2つのサービスの共通点と違い

図解でよくある失敗は、形を先に決めて、内容を当てはめる ことです。「とりあえず4つの箱を並べよう」と決めてから中身を考えると、本当は順番のある話なのに矢印がなかったり、重なりのない話なのにベン図にしてしまったりします。図解も、まずメッセージを書いてから形を選びましょう。

図解を描くときの3つの約束

  1. 矢印には意味を1つだけ持たせる:同じ図の中で、矢印が「順番」と「影響」と「お金の流れ」を混ぜて表していると、読み手が混乱します。
  2. 同じレベルのものは同じ形・同じ大きさにする:重要さが同じ項目なのに、箱の大きさがばらばらだと、大きい箱が重要に見えてしまいます。
  3. 言葉を短くする:箱の中に長い文章を書くと、図の意味がなくなります。箱には名詞や短いフレーズを入れ、説明はメッセージの一文や本文に回します。

「問い合わせから契約までの5つの手順」を説明する図として、最も適切な形はどれでしょう?

  1. 矢印でつなぐフロー図
  2. ベン図
  3. 円グラフ
答えと解説

正解は1です。順番のある内容は、矢印でつなぐフロー図で見せるのが基本です。ベン図は重なりや共通点、円グラフは割合を見せる形です。

よくある「伝わらないグラフ」の直し方

グラフの種類が合っていても、細かいところで伝わりにくくなっていることがあります。ここでは、よくある失敗と直し方をまとめます。

伝わらないグラフと、直したグラフの比較
図4:伝わらないグラフ(左)と、メッセージに合わせて直したグラフ(右)(架空の例)
よくある失敗 何が起きるか 直し方
色が多すぎる どこを見ればよいか分からない 基本はグレー、伝えたい部分だけ強調色にする
凡例が離れている 色と項目を何度も見比べる 線や棒のすぐ横にラベルを書く
棒グラフの軸が0から始まらない 差が実際より大きく見える 棒グラフの軸は0から始める
3Dや影の装飾 大きさが正しく読み取れない 平面のグラフにする
目盛りの線が濃い データより線が目立つ 目盛り線は薄くするか、消す
数字の単位がない 何の数字か分からない 単位(円、件、%など)と期間を書く

特に大切なのは、「伝えたい部分だけを目立たせる」 ことです。メッセージの一文で「関東の売上が最も大きい」と言うなら、関東の棒だけを強調色にし、ほかはグレーにします。そうすると、読み手はメッセージとグラフを一瞬で結びつけられます。

棒グラフの軸を0から始める理由

棒グラフは、棒の 長さ で大きさを比べるグラフです。軸を途中の数字(たとえば90)から始めると、100と105の差が、まるで2倍の差のように見えてしまいます。これは、意図していなくても読み手を誤解させることになります。棒グラフの軸は0から始めるのが基本です。

一方、折れ線グラフは 傾き(変化) を見せるグラフなので、変化を見やすくするために軸を0以外から始めることもあります。その場合は、軸の数字をはっきり書いて、読み手が取り違えないようにしましょう。

棒グラフで、縦軸を0ではなく90から始めると、どんな問題が起きやすいでしょう?

  1. グラフの色が見えにくくなる
  2. 項目どうしの差が、実際より大きく見えてしまう
  3. グラフの形が折れ線グラフに変わってしまう
答えと解説

正解は2です。棒グラフは棒の長さで大きさを比べるので、軸が途中から始まると差が強調されすぎます。意図せず読み手を誤解させないよう、棒グラフの軸は0から始めるのが基本です。

この記事の監修者に相談できます

監修者の田中磨生が代表を務める株式会社Abinで、ご相談をお受けしています。

相談無料ツギノテ編集部に相談する

図にするか、表にするか、文章にするか

すべてを図やグラフにする必要はありません。伝えたいことによっては、表や文章のほうが分かりやすいこともあります。

  • 図・グラフが向いている:傾向、大小、変化、関係など、「形」で一目で分かってほしいとき
  • 表が向いている:正確な数字を読み取ってほしいとき、複数の項目を細かく見比べてほしいとき
  • 文章が向いている:数字が1つか2つだけのとき、理由や条件を説明したいとき

たとえば「今月の問い合わせは120件で、先月より20件増えた」ということだけを伝えるなら、グラフにするより、大きな数字と一文で示したほうが速く伝わります。図にすること自体を目的にしない ことも大切です。

練習:メッセージからグラフを選ぶ

次の架空のメッセージに合うグラフを考えてみましょう。

メッセージからグラフを選ぶ練習の答え
図5:練習の答え。キーワードから比較の種類を見分ける(架空の例)
  1. 「問い合わせのうち、6割がWebサイト経由だった」→ キーワードは「6割」。構成(割合) なので、円グラフか100%積み上げ棒
  2. 「営業担当者の中で、Aさんの受注件数が最も多い」→ キーワードは「最も多い」。項目(順位) なので、大きい順に並べた横棒グラフ
  3. 「Webサイトの訪問者数は、春の改修以降に増えている」→ キーワードは「以降に増えている」。時系列(推移) なので折れ線グラフ
  4. 「広告費を多くかけた月ほど、問い合わせも多い」→ キーワードは「〜ほど〜」。相関 なので散布図

実務ではこう使う

  • グラフをつくる前にメッセージの一文を書く:Excelやスプレッドシートでグラフを挿入する前に、スライドのメッセージを決める。決まらないなら、まだ分析が足りていないかもしれない。
  • 1つのグラフで言うことは1つ:1スライド1メッセージと同じで、1つのグラフにいくつものメッセージを込めない。言いたいことが2つあるなら、グラフを2つに分ける。
  • グラフの近くに「読み方」を一言添える:たとえば折れ線の山の横に「春の改修」と書き込むだけで、読み手は変化の理由とあわせてグラフを読める。メッセージを裏づける箇所に注記を置くと、説明の時間も短くなる。
  • 社内で形をそろえる:同じ指標を毎月報告するなら、グラフの種類・色・軸をそろえておく。毎回形が変わると、読み手は前月との違いを見比べにくくなる。
  • 出典と期間を必ず書く:グラフの下に「出典:自社の販売管理データ(2025年4月〜2026年3月)」のように書く。読み手が数字を信頼する手がかりになり、あとで確認するときにも役立つ。

グラフをダッシュボードとして定期的に共有したい場合は、Looker Studio(旧データポータル)の評判と使い方も参考になります。

FOR BUSINESS

マーケティング・DXの発注先選びに迷ったら

ツギノテを運営する株式会社Abinは、BtoBマーケティングに特化したコンサルティング会社です。創業から30社以上のBtoBマーケティングを支援してきました。

相談無料ツギノテ編集部に相談する

無料会員登録(講座受け放題・AI比較)/セミナーと資料を見る

この回のまとめ

  • 図やグラフは、メッセージ→比較の種類→形の順で選ぶ。データや見た目から選ばない。
  • 比較の種類は、構成・項目・時系列・度数分布・相関の5つ。メッセージのキーワードで見分ける。
  • 数字を使わない図解も、流れ・構造・関係・位置づけ・重なりのどれを伝えたいかで形を選ぶ。
  • 伝えたい部分だけを強調し、ほかは控えめにする。棒グラフの軸は0から始める。
  • 図にすること自体を目的にせず、表や文章のほうが伝わる場合はそちらを使う。

確認テスト

グラフの形を決めるとき、最初にすべきことはどれでしょう?

  1. そのグラフで伝えたいメッセージを一文で書く
  2. 見栄えのよいグラフの種類を選ぶ
  3. 使えるデータをすべてグラフに入れる
答えと解説

正解は1です。同じデータでも、伝えたいことによって適したグラフは変わります。メッセージを先に決め、比較の種類を見極めてから形を選びます。

「訪問回数が多い顧客ほど、購入金額も大きい」というメッセージに合う比較の種類とグラフの組み合わせはどれでしょう?

  1. 構成(割合)と円グラフ
  2. 時系列(推移)と折れ線グラフ
  3. 相関と散布図
答えと解説

正解は3です。「〜ほど〜」は、2つの数字の関係(相関)を表すキーワードです。相関は、2つの軸に点を打つ散布図で見せるのが基本です。

「関東の売上が最も大きい」と伝える横棒グラフで、最も効果的な色の使い方はどれでしょう?

  1. すべての地域を別々の色で塗り分ける
  2. 関東の棒だけを強調色にし、ほかの地域はグレーにする
  3. 虹色のグラデーションで、見た目を華やかにする
答えと解説

正解は2です。伝えたい部分だけを目立たせると、読み手はメッセージとグラフを一瞬で結びつけられます。色が多いと、どこを見ればよいか分からなくなります。

今月の問い合わせ件数(120件、先月比20件増)だけを伝えたいとき、最も伝わりやすい見せ方はどれでしょう?

  1. 過去10年分のデータを入れた折れ線グラフ
  2. 大きな数字と一文で示す
  3. 3Dの円グラフ
答えと解説

正解は2です。数字が1つか2つだけなら、グラフにするより、大きな数字と短い文で示したほうが速く伝わります。図にすること自体を目的にしないことが大切です。

次回予告

第4回は「見やすいスライドのデザイン」です。余白・文字・色・配置の4つの基本を学び、デザインの専門家でなくても、読みやすく整ったスライドをつくる方法を身につけます。

参考資料

  • Gene Zelazny, Say It With Charts: The Executive’s Guide to Visual Communication, 4th ed., McGraw-Hill, 2001. メッセージを先に決め、比較の種類(構成・項目・時系列・度数分布・相関)からグラフの形を選ぶ考え方を参考にしています。https://www.oreilly.com/library/view/-/9780071369978/ (確認日:2026年11月13日)
  • 本文中のデータ・グラフ・メッセージの例は、考え方を説明するための架空のものです。

この記事は役に立ちましたか?

いま読まれている記事ランキング

    ランキングをもっと見る →

    この記事の内容について

    掲載している情報の修正や削除をご希望の場合は、こちらからご連絡ください。

    修正・削除の依頼

    NEXTあわせて読みたい

    ツギノテの記事一覧へ

    編集方針

    • 各社の公式サイトを、確認日を書いて調べています
    • 掲載企業から報酬は受け取っていません
    • 有償の掲載がある場合は「PR」と明記します

    運営:株式会社Abin

    © Abin Co., Ltd.