参考にしたい折れ線グラフのスライドデザイン厳選15選！

折れ線グラフの5つの型｜まずは対比表で選ぶ

本題に入る前に、この記事で扱う5つの型を整理します。同じ折れ線でも、伝えたいことによって選ぶべき形は変わります。

▼パワポデザイン参考サイト スラデザ▼

営業資料・採用資料・IR資料など、プロのデザイナーが選んだ3,000枚超のスライドデザインから、理想のデザインを見つけられます。

• 表紙、目次、グラフなどカテゴリ/用途別で効率的に検索
• 有名企業の実例が簡単に見つかる
• 会員登録でテキスト検索もできる

無料で3000枚のスライドを見る

① 成長カーブ型｜1本の線で伸びを見せる折れ線グラフデザイン3選

線を1本に絞り、比較でも内訳でもなく「伸びていること」そのものを伝える型です。線が1本なら凡例も色分けも不要になるので、スライドから要素が一気に減ります。

スマートキャンプ株式会社

引用元：https://speakerdeck.com/smartcamp/sumatokiyanpuzhu-shi-hui-she-hui-she-shao-jie-zi-liao

スマートキャンプ株式会社の正社員数推移スライドです。成長カーブ型の基本形として、まずこの1枚を見てほしいと思います。使っている色は深い緑1色だけ。線とマーカーが同じ色で、11年分すべての点に人数（1→3→7→18…206）が置かれています。背景の罫線は横線だけで、しかも極めて薄いグレー。縦の罫線は引かれていません。スライド上部の見出しも「正社員数推移」の6文字だけで、装飾らしい装飾は何もありません。

• 線が1本なら凡例は消して、グラフの真上に「人数（正社員のみ）」のように単位だけを書きましょう
• 全部の点に数値を置くなら、縦軸の目盛りは薄いグレーまで落として構いません。読者は数値ラベルのほうを読みます
• 色はコーポレートカラー1色に固定しましょう。1本の線に2色以上を使う理由はほとんどありません

株式会社Mico

引用元：https://speakerdeck.com/micoinc/mico-career-deck-japan

株式会社Micoの成長戦略スライドです。前の1枚とは対照的に、縦軸も横軸も目盛りも一切ありません。青い直線が左下から右上へスライドを斜めに貫き、画面の外まで伸びています。線の上に置かれた点は3つだけで、2021年・2022年・2023年の組織状態（R&Dチームの人数、国籍数、プロダクト数、資金調達ラウンド）が黒い太字で並びます。強調は「Series A Round」「Series B Round」の蛍光イエローだけに絞られ、右上の終点には数値ではなく「beyond」と書かれています。

• 数値で語れない成長を見せたいときは、軸と目盛りを丸ごと外して線だけ残しましょう
• 線をスライドの外まで伸ばすと、「ここで終わりではない」という含みを図の形だけで表現できます
• ハイライトは1色に絞りましょう。全項目を強調すると、どれが節目なのか分からなくなります

株式会社スペースマーケット

引用元：https://f.irbank.net/pdf/20260331/140120260331594348.pdf

株式会社スペースマーケットの沿革スライドです。全社総取扱高の推移を緩やかなS字カーブで描き、直近の2025年4月から先だけを点線に切り替えています。上部には「創業期」「市場創造期」「市場拡張期」の3つのフェーズが角丸のラベルで並び、点線の縦仕切りでカーブと対応づけられています。カーブ上の各点からは縦の引き出し線が伸び、サービスロゴと出来事が添えられます。金額の節目だけはギザギザの円バッジで「20億円突破」「50億円突破」と目立たせ、縦軸の目盛りは置いていません。

• 実績と見通しを1本の線でつなぐときは、未来の区間を点線に変えて区別しましょう
• 時期に名前をつけたいときは、グラフの上に帯やラベルを並べて縦の仕切り線で対応させると読み違えられません
• 出来事の注釈は、点から真上か真下へ縦の線で引き出すと、どの時点の話か迷わせずに済みます

② 棒＋折れ線の2軸複合型｜実額と率を1枚で見せる折れ線グラフデザイン3選

売上（棒）と利益率（線）のように、単位の違う2つの指標を1枚に重ねる型です。決算説明資料で最も多く見かける形で、線をどう脇役に回すかが読みやすさを決めます。

株式会社スマレジ

引用元：https://www.nikkei.com/nkd/disclosure/tdnr/20250612588455/

株式会社スマレジの業績スライドです。2軸複合の教科書と呼びたい構成になっています。売上高（明るい青）と営業利益（濃紺）を2本1組の棒で5期分並べ、営業利益率は黒い線と黒い丸マーカーで重ねています。ブランドカラーを棒に割り当て、線は無彩色に振っているので、両者が色でぶつかりません。左上には黒い矢羽根で「過去5年間の売上高CAGR 35.1%」、右側にはFY2025のYoY「+32.0%」「+36.9%」が特大サイズで置かれ、グラフを読まなくても結論が取れます。棒の足元には「個別」「連結」のグレー帯があり、集計範囲が途中で変わったことも示されています。

• 棒にブランドカラーを使うなら、率の線は黒やグレーの無彩色にしましょう。色の主張がぶつかりません
• いちばん言いたい数字はグラフの中ではなく外に、本文より大きなサイズで置きましょう
• 集計範囲や定義が途中で変わった期間は、軸の下に帯を敷いて明示すると誤読を防げます

株式会社Photosynth

引用元：https://contents.xj-storage.jp/xcontents/AS71272/42f66cec/8c55/4ac2/9a98/1a7488cac413/140120240213534358.pdf

株式会社Photosynthの業績スライドです。16四半期分の積み上げ棒（サブスクリプション売上とその他）に、粗利率のグレーの線を重ねています。ここで注目したいのは粗利率のラベル配置で、16個の数値が線の上と下に交互に置かれています。四半期グラフは点の間隔が詰まるためラベル同士が重なりやすいのですが、上下に振り分けることで16個すべてが読めます。直近の78.2%だけが黒の太字になっており、視線の着地点も決まっています。スライド左半分は「粗利率」「今後の粗利率の見通し」の文章に充てられ、グラフは右半分に収まっています。

• 点が多くてラベルが重なるときは、数値を線の上下に交互に置いて逃がしましょう
• 時系列が長いときは、直近の1つだけ太字にして視線の終点を作りましょう
• 年の切り替わりは薄い縦の区切り線だけで示すと、罫線を増やさずに期間が読み取れます

ログリー株式会社

引用元：https://ssl4.eir-parts.net/doc/6579/tdnet/2398825/00.pdf

ログリー株式会社の業績スライドです。インプレッション数の棒を淡い水色、CTRの線を薄いグレーで描き、最新の3Qの棒だけを濃紺にしています。数値ラベルは1つも置かれておらず、目盛りもありません。「インプレッション数は減り、CTRは上がった」という逆方向の動きは形だけで読み取れるので、数字は下の箇条書きに任せる、という割り切りです。グラフの下には「インプレッション数：impression 広告の表示回数」「CTR：Click Through Rate」と用語の定義が小さく添えられています。

• 全体を淡い色に沈めて、注目してほしい1本だけ濃い色にしましょう。矢印や囲みを足さずに視線を誘導できます
• 形の変化だけが伝わればいい場面では、数値ラベルを全部外す判断もありです。数字は本文で補いましょう
• 社外の人が読む資料では、略語の正式名称をグラフのすぐ下に小さく置いておきましょう

③ 多系列比較型｜複数を並べて比べる折れ線グラフデザイン3選

2本以上の線を並べ、差そのものを見せる型です。線が増えるほど凡例と色の扱いが難しくなるため、3枚とも「凡例をどう処理したか」に注目して見てください。

株式会社ウィルズ

引用元：https://f.irbank.net/pdf/20250328/140120250328502738.pdf

株式会社ウィルズの日米比較スライドです。S&P500（赤）と日経平均株価（紺）という、そのままでは単位も水準も違う2つを、1983年9月を100として指数化することで同じ縦軸に載せています。凡例はグラフの下ではなく内側の左上、線の始点のすぐ近くに置かれています。上部には「過去40年間で30倍の成長をみせるS&P500に対し、日経平均株価の成長率は4倍」と結論が2行で書かれ、下部には終値ベースであることや出所が注記されています。

• 桁の違う指標を比べるときは、起点の年を100として指数化しましょう。1つの軸に載せられます
• 凡例はグラフの外ではなく内側の余白に置くと、線と名前を目で往復させずに済みます
• 加工したデータを載せるときは、基準時点と算出方法を注記に必ず書きましょう

AeroEdge株式会社

引用元：https://www.nikkei.com/nkd/disclosure/tdnr/20230703516915/

AeroEdge株式会社のターゲット市場スライドです。左右に2つのグラフを並べ、どちらにも紺の見出し帯・説明文・出典という同じ枠組みを与えています。左は旅客需要の3系列（業界全体・国際線・国内線）を2019年＝100%として指数化したもの。右は月次の引渡機数で、線が激しく上下するため、そのままではトレンドが読めません。そこで薄い緑の太い帯を2本、線を覆うように斜めに重ねて「どちらも右肩上がり」であることを示しています。凡例はどちらもグラフの左上に小さく置かれています。

• 上下動が激しい線は、半透明の太い帯を重ねてトレンドの向きを補いましょう
• 2つのグラフを並べるときは、見出し帯・説明文・出典の位置を左右でそろえると比較しやすくなります
• 主役の系列を濃紺、脇役を薄いグレーにすると、色数を増やさずに順位をつけられます

株式会社CARTA HOLDINGS

引用元：https://ssl4.eir-parts.net/doc/3688/ir_material_for_fiscal_ym8/150146/00.pdf

株式会社CARTA HOLDINGSのターゲット市場スライドです。1991年から2022年までの広告費を8系列で描く、多系列の極北のような1枚。ここでは凡例そのものが廃止され、代わりに「地上波テレビ」「新聞」「ラジオ」「雑誌」といった系列名が、線と同じ色で塗られた角丸ラベルになって画面の中に配置されています。各ラベルからは細い引き出し線が該当の線まで伸びています。そして主役であるインターネット広告だけが黒く太い線で描かれ、他の7系列より明らかに手前に見えます。集計方法が変わる前の区間は点線で描き分けられ、横軸の下には「改定」の位置が示されています。

• 系列が5つを超えたら凡例をやめて、系列名を線のそばに直接置きましょう。目の往復がなくなります
• ラベルの色を線の色とそろえると、引き出し線が短くても対応関係が伝わります
• 主役の1本だけ黒く太くすれば、他の線を薄くしなくても順位がつきます

④ 面で塗る型｜線の下を塗る折れ線グラフデザイン3選

線の下を塗りつぶして厚みを持たせる型です。細い線だと弱く見える場面でも、面にすると量として伝わります。塗った面の上が余白になるので、ロゴや注釈を載せられるのも利点です。

株式会社ビースタイルホールディングス

引用元：https://f.irbank.net/pdf/20250625/140120250625598827.pdf

株式会社ビースタイルホールディングスの市場規模スライドです。女性労働者数の推移を、上が濃く下に向かって白へ抜けるグラデーションの面で描いています。数値ラベルは始点の「2,600万人」と直近の「3,000万人」の2つだけ。縦軸の目盛りはなく、横軸は5年刻みです。20年分のデータがありながら読む数字は2つしかないので、増えたという事実だけが残ります。右側には年代別の帯グラフが並び、面グラフとは役割が分けられています。

• 面はベタ塗りではなく上を濃く下を薄くすると、横軸の文字と干渉せずに済みます
• 数値ラベルは起点と結論の2つに絞りましょう。読む数字が減るほど主張は強くなります
• 縦軸の目盛りを外すなら、横軸は5年・10年刻みで残して時間感覚を保ちましょう

株式会社イノベーション

引用元：https://f.irbank.net/pdf/20250624/140120250624597522.pdf

株式会社イノベーションの成長の軌跡スライドです。前の1枚が単層だったのに対し、こちらは4層の積み上げ面。下から「オンラインメディア」「ITソリューション」「金融プラットフォーム」「VCファンド」と事業が積み上がり、各層の右端に事業名が置かれています。青→水色→薄い水色→黄色と、同系色の明度差で層を分けているので、4層あっても賑やかになりません。面の上の余白にはサービスのロゴが並び、縦の引き出し線でリリース年に接続されています。数値は一切ないので、右下に「（イメージ図）」と明記されています。

• 事業が増えてきた歴史は、線を増やすのではなく面を積み上げて見せましょう
• 層の色は同系色の明度差でそろえると、4層以上でも落ち着いて見えます
• 実数を伴わない図には「（イメージ図）」と明記し、注記で横軸の意味も添えましょう

株式会社ハンモック

引用元：https://f.irbank.net/pdf/20250623/140120250620595138.pdf

株式会社ハンモックの成長戦略スライドです。1995年から2026年の計画までの売上高推移を、濃い緑のベタ塗りで描いています。塗りが濃いぶん面の上が広い余白になり、そこに製品ロゴを開始年ごとに並べています。面の上には矢印が2本重ねられ、白い矢印には「経営基盤確立期」、黄色い矢印には「成長期」と、期間の性格が書き分けられています。落ち込んだ谷には白いピル型のラベルで「リーマンショック」「コロナ禍」と外部要因が置かれ、右端の到達点には「5,119」の数字。1枚で沿革・製品history・外部環境の3つを兼ねています。

• 面を濃い1色で塗りつぶすと、その上が広い余白になります。ロゴや注釈の置き場として使いましょう
• 期間の性格を分けたいときは、矢印の色を変えて面の上に重ねましょう
• 景気後退などの外部要因は、谷の位置に短いラベルで置くと言い訳がましくなりません

⑤ 注釈で語らせる型｜線の上に出来事を載せる折れ線グラフデザイン3選

線の形だけでは「なぜそう動いたか」は伝わりません。吹き出しや矢印を線の上に載せて、数字と理由をセットで見せるのがこの型です。

株式会社令和トラベル

引用元：https://speakerdeck.com/reiwatravel_0405/reiwatravel-company-deck

株式会社令和トラベルのターゲット市場スライドです。1980年から2021年までの出国人数を、緑の細い線1本で描いています。注釈はたった2つ。ピンクの吹き出しで最高値の「2019年過去最高 2,000万人」、青い吹き出しで最低値の「2021年コロナ禍 51万人」を指しています。好調をピンク、悪化をブルーと色で性格を分けているため、吹き出しの中身を読む前に状況が伝わります。グラフの見出しには「出国人数は基本的に右肩上がり」と結論が書かれており、コロナ禍の谷を隠さずに主張を通しています。

• 注釈は最高値と最低値の2つに絞りましょう。3つ以上つけると、どれが本題か分からなくなります
• 吹き出しの色を出来事の性格に合わせると、文字を読む前に良し悪しが伝わります
• グラフの見出しには「何のデータか」ではなく「そこから言えること」を書きましょう

GMO TECHホールディングス株式会社

引用元：https://f.irbank.net/pdf/20260331/140120260331594489.pdf

GMO TECHホールディングス株式会社の沿革スライドです。売上を紺の棒、営業利益を水色の線で描き、スライドの上半分を12個の吹き出しで埋めています。これだけ注釈が多いと散らかりそうなものですが、吹き出しがすべて「白地＋青い枠線＋角丸」で統一され、年号だけが大きく本文が小さいため、視線は年号から年号へ流れていきます。各吹き出しからは縦の引き出し線が該当年まで下りています。2026年の棒だけは薄いグラデーションで塗られ「（予想）」と添えられており、実績と予想が塗りの濃さで区別されています。

• 注釈が10個を超えるときは、枠線・角丸・地色を全部そろえましょう。形がそろえば数が多くても散らかりません
• 吹き出しの中では年号だけを大きくし、説明文は小さく落としましょう
• 予想値は色を薄くするかグラデーションにして、実績と塗りで区別しましょう

株式会社ROXX

引用元：https://speakerdeck.com/roxxrecurit/we-are-hiring

株式会社ROXXのニーズ・課題スライドです。労働需要（紺）と労働供給（ピンク）の2本を引き、開いていく差を紫の棒で示しています。この1枚が巧いのは、主役が線でも棒でもなく「2本の間が広がっていくこと」だと分かっている点です。差の領域全体を、左上から右下へ向かう巨大なピンクのグラデーション矢印が覆っています。矢印は半透明なので下の線を消しません。数値ラベルは不足側だけに振られ、両端に「約13万人」「約1,100万人」。右半分はグラフを置かず、薄い地図を背景に結論を大きな文章で置いています。

• 2本の線の「差」が主役なら、その領域を図形で覆って差そのものを見せましょう
• 線の上に図形を重ねるときは半透明にして、元のデータを隠さないようにしましょう
• グラフを画面の半分に収め、残り半分を結論の文章に充てると、読み手が解釈で迷いません

まとめ

今回は「折れ線グラフ」の高品質なスライドを15つ紹介しました。伸びだけを見せたいなら①成長カーブ型、実額と率を両立させたいなら②2軸複合型、複数を比べたいなら③多系列比較型、量の厚みを出したいなら④面で塗る型、動いた理由まで語りたいなら⑤注釈型。Excelの初期状態から手を入れるときは、装飾を足す前に「どの型で見せるか」を先に決めると、直す場所がはっきりします。

スラデザにはこのほかにも折れ線グラフのスライドが多数掲載されています。実際の資料から探したい方は、下のボタンから一覧をご覧ください。

＼ もっと見たい方はこちら ／

▼パワポデザイン参考サイト スラデザ▼

営業資料・採用資料・IR資料など、プロのデザイナーが選んだ3,000枚超のスライドデザインから、理想のデザインを見つけられます。

• 表紙、目次、グラフなどカテゴリ/用途別で効率的に検索
• 有名企業の実例が簡単に見つかる
• 会員登録でテキスト検索もできる

無料で3000枚のスライドを見る