道具

グラフの選び方：見せたいことから選ぶ早見表

グラフは「何を見せたいか」で選びます。左の列から当てはまるものを探し、右の形を使ってください。どの形でも、題名には「何がわかるか」を一文で書きます。

項目ごとの大きさを比べたい

横棒グラフ(大きい順に並べる)

棒は0から始め、自然な順番がなければ値の大きい順に並べる。色は見てほしい1本だけ。

時間とともにどう変わったか見せたい

折れ線グラフ(期間が短く項目が少なければ棒グラフ)

見てほしい線だけに色をつけ、名前は線の端に直接書く。変化の理由は注記で示す。

全体の中の割合(内訳)を見せたい

項目が3〜4つなら円グラフ、それより多いか差が小さければ横棒グラフ

円グラフは項目が多いと大きさの違いが見分けにくい。名前と数字は直接書く。

2つ以上のグループを比べたい

1つのグラフに並べた棒(または同じ目盛りの小さなグラフを並べる)

グラフを分けるなら、縦軸の目盛りを必ずそろえる。

1つの数字の良し悪しを伝えたい

大きな数字1つ+比べる相手(前の期間・目標)

数字だけでは良いか悪いか判断できない。題名で意味を言い切る。

たくさんの値を正確に見せたい

表

罫線と網かけは控えめに。数字は右にそろえ、桁数と単位をそろえる。

手順や流れを見せたい

番号つきの流れ図(左から右へ1列)

矢印を交差させない。形と色をそろえ、大事な1段階だけ目立たせる。

この早見表の根拠

英国政府 Analysis Function「Data visualisation: charts」：棒は値の大きい順に並べる(年齢や時間など自然な順番がある場合を除く)
英国国家統計局(ONS)「Bar charts」：棒グラフの軸は必ず0から始める
米国政府 U.S. Web Design System「Data visualizations」：説明のためのグラフには、棒や折れ線のようなよく使われる形を選ぶ
英国国家統計局(ONS)「Pie and doughnut charts」：円グラフは項目が少ないとき(3〜4つ)に向き、差が小さいなら棒グラフのほうがよい
英国政府 Analysis Function「Data visualisation: charts」：円グラフの項目は5つまで
英国国家統計局(ONS)「Axes and gridlines」：比べられるデータを複数のグラフで見せるときは、同じ軸の目盛りにする
英国政府 Analysis Function「Charts: a checklist」：並べたグラフの数値の軸は、すべて同じ目盛りにする
英国政府 Analysis Function「Data visualisation: tables」：表の罫線は使いすぎない。数字の列は右にそろえ、桁数をそろえる
英国政府 GOV.UK「A to Z style guide」：手順を案内するときは、番号つきの手順にする