ブログに戻る
チュートリアル12 分で読める

円グラフ完全ガイド:いつ使うか、ベストプラクティス、よくある間違い

円グラフをマスターする総合ガイド。いつ有効か、いつ失敗するか、明確に伝わる円グラフの作り方。

Sarah Chen, リードデータアナリスト

Sarah Chen

リードデータアナリスト

Share:
部分と全体の可視化のベストプラクティスを示す円グラフ・ドーナツグラフのコレクション
円グラフのベストプラクティス:比例データの効果的な円形可視化例

円グラフは、データ可視化で最も認知され、かつ最も誤用されるチャートタイプの一つです。数多くのダッシュボードとレポートを分析した結果、円グラフが秀逸に使われている例も、悲惨に使われている例も見てきました。本ガイドでは、円グラフがいつ有効で、いつ失敗するか、そして効果的に伝わる円グラフの作り方を解説します。

円グラフとは?仕組みは?

円グラフは、数値の割合を示す円形の統計図で、扇形に分割されています。各扇形はカテゴリの全体に対する寄与を表し、弧の長さ(ひいては面積)がその値を比例して表します。

計算は単純で、円全体が100%に対応し、各扇形の角度は(値/合計)×360度で求められます。

円グラフの認知心理

人は0°、90°、180°付近の角度を自然に判断しやすい傾向があります。そのため、50%(半分)は一目瞭然、25%(4分の1)も見つけやすく、20〜30%の間は区別が難しくなります。この認知上の限界が、円グラフの適切な使い方を理解する鍵です。

円グラフを使うべきとき(5つの黄金ルール)

ルール1:セグメントは最大5〜6個

認知研究では、人は5〜6個を超える項目を同時に比較するのが苦手です。それを超えると円グラフは色の羅列になります。

良い例: 上位5社のシェア

悪い例: 15品目の売上内訳

ルール2:セグメントに意味のある差がある

23%、22%、21%、20%、14%のように似た割合では、円グラフは失敗します。視覚的な差がほとんど分かりません。

5%ルール: 隣接するセグメントは、明確に区別するために少なくとも5ポイント差をつけましょう。

ルール3:部分と全体の関係を示すとき

円グラフが答えるのは「これは全体のうちどれだけを占めるか?」という一つの問いだけです。カテゴリ間の値の比較(割合ではなく)なら、棒グラフを使いましょう。

ルール4:聴衆が割合で語ることを期待しているとき

データを自然に割合で語るとき、円グラフは最適です。

  • 「マーケティングが予算の35%」
  • 「モバイルがトラフィックの62%」
  • 「製品Aがシェア45%」

ルール5:順序とラベルが明確

最大のセグメントを12時の位置から始め、時計回りに大きい順に並べます。自然な読みの流れが生まれます。

円グラフを使うべきでないとき

時系列での比較

複数の円グラフで時系列の変化を示してはいけません。読者に円同士を並べて比較させることになり、認知負荷が高すぎます。

代わりに: 折れ線グラフまたはグループ化棒グラフ

精密な比較

カテゴリ間の正確な差を知りたい場合は、円グラフでは不十分です。18%か22%か、ラベルがなければ分かりません。

代わりに: 値を表示した横棒グラフ

負の値

円グラフは負の値を表せません。損失や赤字を含むデータには別のチャートタイプが必要です。

代わりに: divergent棒グラフまたはウォーターフォールチャート

6カテゴリを超える場合

扇形が多すぎると読みにくくなり、「その他」で重要な情報が隠れがちです。

代わりに: 値でソートした横棒グラフ

円グラフのデザインベストプラクティス

1. 12時から始める

最大のセグメントを12時の位置に置きます。読み手の慣習に沿い、直感的になります。

2. 論理的な配色

  • 順序データ: 同系色のグラデーション(明→暗)
  • カテゴリデータ: 区別しやすくアクセシブルな色
  • 重要セグメントの強調: 注目は強い色、それ以外は落ち着いた色

3. 効果的なラベル

ラベル戦略は三つあります。

扇形に直接ラベル: 3〜4セグメント向け。大きな扇形内に配置し、小さい扇形には引き出し線を使います。

凡例: シンプルなグラフでは可。凡例は右または下に、扇形の並び順と揃えます。

併用: 扇形に割合、凡例にカテゴリ名。可読性とスペースのバランスが良いです。

4. ドーナツグラフを検討

ドーナツグラフ(中心が空洞の円グラフ)の利点:中央に主要指標や合計を置ける、弧の長さの比較がやや容易、見た目が現代的です。穴の大きさは半径の40〜60%が目安です。

5. 3Dは避ける

3D円グラフは知覚を歪めます。手前の扇形が実際より大きく見えます。正確な表現には平面の2D円グラフを使いましょう。

効果的な円グラフの作り方(ステップ)

ステップ1:データの検証

作成前に確認:合計が100%(または意味のある全体)か、6カテゴリ以下か、セグメントの大きさに意味のある差があるか、負の値がないか。

ステップ2:データの準備

カテゴリを値の大きい順にソートし、生データの場合は割合を計算します。

ステップ3:色の選択

主セグメントはブランド色または高コントラスト、その他は補色または同系色、「その他」はグレーや落ち着いた色にします。

ステップ4:ラベルの配置

各セグメントで、15%超なら扇形内、15%以下なら引き出し線で外側、5%未満なら凡例のみにします。

ステップ5:明確なタイトル

「何を示しているか」が分かるタイトルにします。弱い例:「売上構成」。強い例:「製品AがQ4売上で38%シェアで首位」。

実例

例1:予算配分(良い使用例)

年間予算の内訳:運営42%、マーケ28%、R&D18%、管理12%。4セグメントで差が明確な、部分と全体のストーリーに適しています。

例2:顧客満足度(不適切な例)

5段階の調査:とても満足24%、満足26%、どちらでもない22%、不満18%、とても不満10%。5つが似た割合で、順序尺度には棒グラフの方が向いています。

例3:支配的プレイヤーありのシェア(最適な例)

ブラウザシェア:Chrome65%、Safari19%、Firefox8%、Edge5%、その他3%。支配的な1つと明確な差があり、円グラフの得意分野です。

円グラフの代替と使い分け

棒グラフ: 6カテゴリ超、精密比較、正負両方の値を示すとき。

ツリーマップ: 階層データや多くのカテゴリで全体を構成するとき。

ワッフルチャート: 1マス=1%など、円グラフより精密な割合を示すとき。

積み上げ棒グラフ: 複数グループや期間で部分と全体を比較するとき。

よくある間違いと対処

扇形が多すぎる: 小さいカテゴリを「その他」にまとめる(10〜15%以内)、または棒グラフに切り替える。

扇形を飛び出させる: 強調のため扇形を離すと割合が歪む。代わりに色のコントラストで強調し、扇形はつなげたままに。

開始位置がバラバラ: 複数円グラフで開始位置を統一。常に12時から、時計回りに大きい順。

ラベル不足: 少なくとも割合は全扇形に、余裕があればカテゴリ名も。

配色が悪い: 隣接する扇形の色が似ている、アクセシブルでない。コントラストを上げ、色覚多様性に配慮したテストを。

ChartGenでの円グラフ

ChartGenでは、カテゴリと値の列をアップロードまたは貼り付け→チャートタイプで「円グラフ」を選択→色・ラベル・ドーナツ穴のサイズを調整→希望の形式・サイズでエクスポート。ChartGenは自動でセグメントを大きさ順に並べ、ラベル位置を最適化し、棒グラフの方が適している場合に提案し、アクセシブルなパレットを生成します。

まとめ

円グラフ自体に良し悪しはなく、限られた用途に適したツールです。部分が全体をどう構成するかを、5つ以内の意味のあるセグメントで示すときは円グラフが有効です。それ以外は代替を検討しましょう。

作成前に自問してください:データは全体の部分を表しているか、6カテゴリ以下か、セグメントは視覚的に区別できるか、聴衆は精密な数値なしで割合を理解できるか。一つでも「いいえ」なら別のチャートタイプを選びましょう。これらの原則を押さえれば、円グラフは明確に伝わり、プロフェッショナルに見え、一目でデータを理解する助けになります。

円グラフデータ可視化チャートチュートリアルベストプラクティス部分と全体

Ready to create better charts?

Put these insights into practice. Generate professional visualizations in seconds with ChartGen.

Try ChartGen Free