グラフの書き方勉強会

社内勉強会の資料です

Transcript

1. グラフの書き方勉強会 2026/1/16 @natsutan 1
2. 2 目次 ・自己紹介 ・はじめに ・量を表すグラフ ・分布を表すグラフ ・関係を表すグラフ ・時系列を表すグラフ ・Tips ・まとめ https://www.oreilly.co.jp/books/9784873119533/
3. 3 @natsutan ・FPGAとプログラミングが好き ・最近はロボットのAIが仕事 https://natsutan.hatenablog.com/ 自己紹介
4. 4 はじめに
5. 5 文字や表だけでは伝わりにくい情報をグラフを使って相手に伝える。 良いグラフは伝えたい結論が一目でわかる。 最初は、確実に誤解無く伝わるグラフを描けるようになろう。 伝えたいことはだいたい3つ。 ・比較 ・変化、傾向 ・主張の裏付け 主役は「伝えたいこと」、グラフは名脇役。 グラフとはコミュニケーションの手段である
6. 6 色使い わかりやすい色、色覚障害者向けの配慮などは対象外にします。 EDA向け Explanatory Data Analysisは、データを良く観察するために使います。今回はデー タの観察では無く、何かを報告するための話をします。 地理データの扱い 手を動かしながら学ぶ Pythonによる地域データ分析 実践入門という良い本があるの で、そっちを見てください ストーリー グラフを使ってストーリーを見せるのは大事。やる気を見せるグラフもある。これは 正しく伝わるグラフができるようになってからの次のステップなので、今回は対象外。 この勉強会でやらないこと
7. 7 見たことのあるグラフから選べ！ 最初に大事なこと
8. 8 最初に大事なこと グラフはコミュニケーションの手段なので、相手に伝わらないと駄目。 良いグラフは伝えたい結論が一目でわかる。 見たことがないグラフは全てわかりにくい。 ・自分で新しいグラフを開発しない。 ・伝えたいことに一番近いグラフを選ぶ。 ・標準のグラフでは伝えれないときは、工夫する前に周りに相談しよう。 僕が考えた全ての情報が入った最強のグラフは、絶対に相手に伝わらない。 なぜなら、見たことのないグラフだから。
9. 9 わかりやすいグラフ この2つのグラフは同じデータだけど、xは右方向が正の方が一目で伝わる。 コミュニケーションなのでお互いの常識を合わせることが必要。 極端な例だけど、グラフを工夫し続けるとこういう状況に陥りがちなので注意 普通のグラフ x軸が逆順 BAD
10. 10 お互いが見たとこのあるグラフを使おう 株価でしか見たことがないローソク足チャート。 Japanese Candlestick Tradingとも言われる。 Lyakhovskiy Pavel - my job, CC 表示-継承 3.0, https://commons.wikimedia.org/w/index.php?curid=8693899による 株価の変化は伝わる人には伝わるが、この表 を血圧や工場の室温に使っては駄目 業界によってよく使われるグラフが違う。 相手に合わせたグラフを選択する。 業界によって使う単位が違う事も多い。機械 系はmmが基本。 新しい仕事を始めるときは、日経◦◦のよう な業界紙を読んだり、本屋で一冊本を買って くるとか、論文読んでみるとかやろう。
11. 11 報告書で気をつけること 毎月同じ事象を報告するときは、毎月同じグラフを使おう。 BAD 1月 2月 3月 逆に言うと、毎月の報告があるときは来月の事も考えてグラフを選ぶ。 某案件では失敗して、最初に円グラフにしたから次の月の比較がわかりにくくなった。
12. 12 報告書で気をつけること 吹き出しを入れるかどうかは状況次第。 基本は入れない 1月 レーザーポインタが使えるときは、できるだけ入れないようにする。 資料が一人歩きするとき、印刷するときは入れる。 BはAの約半分
13. 13 量を表すグラフ
14. 14 量を表すグラフ 基本的には棒グラフを使う。 ポイント ・棒グラフは量を示すために使う。 ・時系列の変化を伝えるには、折れ線グ ラフを使う。 ・基本は一番下を0にする。0にできない ときは棒グラフが適切かもう一度考 える。 ・意図を持ってバーを並べる。 データはWikipedia の数値を使用 不明な作品は興行収入からの推論
15. 15 量を表すグラフ 棒グラフは時系列の変化を伝えるときには使わない Hugプリ、ひろプリは単体 映画が無いので抜けてい る。 1年に単体映画が2本 時系列の変化を伝えたいときは、横軸を 時系列にとって、折れ線グラフを使う。
16. 16 量を表すグラフ 下の文字がわかりにくいときは、思い切って横に向けるのもあり 上下の並びはよく考えよう。 新しいのが上、古いのが上の両方のパタ ーンがある。伝えたいことが何かによっ て、分かりやすい方を選ぶ。
17. 17 量を表すグラフ ドットグラフ 量の分布を見せたいときに棒グラ フだとわかりにくい時がある。 このときはソートしてドットグラ フを使っても良い ソートしないと点がばらけて何も 伝わらない。
18. 18 分布を表すグラフ
19. 19 分布を表すグラフ ヒストグラム https://www.gender.go.jp/about_danjo/whitepaper/h22/gaiyou/html/honpen/b1_s00_02.html ポイント ・ビンが大事。必ず複数のビンを試す。 ・密度プロットなどヒストグラムから補 完をする場合、あり得ない値がないか注 意する。例：年齢が負。
20. 20 分布を表すグラフ ビンによるヒストグラムの違い ビン 1 ビン 2 ビン 3 ビン 4 ビンを広く取ると分布の詳細が見 えなくなる。 いくつか試してみて、伝えたい情 報が伝わるビンの大きさを選ぶ
21. 21 分布を表すグラフ 2つの分布を表示したいとき 積み上げる方法もあるが、女性の 分布は比較ができない。 半透明で重ねる方法もあるが、わ かりにくいときがある。 BAD
22. 22 分布を表すグラフ 2つの分布を表示したいときには年齢ピラミッドが使える 3つ以上の分布には使えない。 その時は3つのヒストグラムを並 べるか、半透明で重ねる。 ぶっちゃけ、このグラフは人口以 外で見たことがない。
23. 23 分布を表すグラフ 統計分野では分布を表す様々なグラフがあるが、相手に通じないと意味がないので相手に合わせて使 うこと。 ARAKI Satoru - 投稿者自身による著作物, CC 表示-継承 4.0, https://commons.wikimedia.org/w/index.php?curid=47945078による Pejman Mohammadi et al. - Cropped from figure 1 in Pejman Mohammadi, Sébastien Desfarges, István Bartha, Beda Joos, Nadine Zangger, Miguel Muñoz, Huldrych F. Günthard, Niko Beerenwinkel, Amalio Telenti, Angela Ciuffi (2013). "24 Hours in the Life of HIV-1 in a T Cell Line". PLOS Pathogens. DOI:10.1371/journal.ppat.1003161., CC 表示 2.5, https://commons.wikimedia.org/w/index.php?curid=47033698による Inductiveload - 投稿者自身による著作物 (Original text: self-made, Mathematica, Inkscape), パブリック・ドメイン, https://commons.wikimedia.org/w/index.php?curid=3817960による 箱ひげ図 バイオリン図 累積分布
24. 24 内訳を表すグラフ
25. 25 内訳を表すグラフ 内訳を表すには円グラフを使う KOEIのゲーム 三国志3の君主別の領土数 ポイント ・見た目の面積と実際の比率が一致し ているため読み取りやすい ・他のグラフに比べて値が読み取り にくいので、グラフの中に数値や パーセントを入れる。 ・並びは意図を持って並べること。 例えば政党の議席であれば、与党と どの党が組めば過半数を超えるかが 大事。それがわかる順番にする。 円グラフに限っていて言えば、Excel の方が見た目の調整やりやすい
26. 26 内訳を表すグラフ 視覚の効果を入れると、見た目の面積が割合を示しているからずれていくので注意 BAD 3D効果を入れると、面積比 が変わってしまう。 もっと露骨な円グラフに注意 BAD 切れ目を白にするのは良いが、 飛び出させると直感とずれてくる。 飛び出して大きくするのは駄目 詐欺グラフ、円 グラフで検索
27. 27 内訳を表すグラフ 変化を伝えるには不向き BAD 数値が入っていたとしても、細かい変化を円グラフから読み取るのは非常に困難。 変化を伝えたいときには積み上げ棒グラフを使う。
28. 28 内訳を表すグラフ 変化と内訳を伝えたいときは積み上げ棒グラフを並べる 3 10 15 23 23 3 5 3 7 8 5 5 12 12 3 4 5 5 22 26 13 11 3 3 0 5 10 15 20 25 30 35 40 45 50 189 194 201 208 221 235 領土数 董卓 劉焉 曹操 袁紹 公孫瓚 劉備 馬騰 陶謙 孫権 劉表 劉繇 袁術 孔融 韓馥 孔伷 王朗 厳白虎 喬瑁 呂布 李傕 張魯 劉璋 金旋 韓玄 趙範 劉度 孟獲 空
29. 29 関係を表すグラフ
30. 30 関係を表すグラフ 2つの変数の関係を伝えたいときは散布図を使う ポイント ・変数が2つの場合は、散布図一択 ・2つ以上の時に工夫が必要 鬼滅の刃の主要登場人物に関する身長と体重の関係
31. 31 関係を表すグラフ グループ（カテゴリー属性）を分けるときは色や形を変える 3つめの変数がカテゴリーの場合はこれでOK。 3つめが例えば人気度のような数値の場合はどうするか？
32. 32 関係を表すグラフ 人気度によってマーカーの大きさを変える この辺が散布図の限界 雰囲気は伝わるが、特定のマーカ ーを比べて、何倍大きいかとかは 読み取るのは困難
33. 33 関係を表すグラフ 複数の変数の相関を見せるにはペアプロットが使えるが、報告書に書くには不適 初めてデータを見るときのEDAではよく使う。 報告書でこのまま出してもどの関係をみれば 良いかわからないので、見て欲しい相関グラ フだけを使う。
34. 34 時系列を表すグラフ
35. 35 時系列を表すグラフ 折れ線グラフを作る ポイント ・横軸を正しく取ること。 ・前後関係に意味があるデータに対し て使う ・点と点をつなぐ線は本質ではないが、 あり、無しの両方を試して良い方を取 る。
36. 36 時系列を表すグラフ 点をなくして見やすくする 点が多すぎて見づらい時は、点を 省略することができる。 等間隔で十分なデータが取れてい る場合は問題ないが、データ数が 少ない時は情報が落ちる可能性が ある。 後半に変化が少し減ってい るのは読み取れるが、作品 数が減っていることを読み取 るのは難しい
37. 37 時系列を表すグラフ 線より下を塗りつぶしても良い 全体の増加傾向を伝えたいときは、 塗りつぶすのも有効。 ただし、塗りつぶすときは棒グラ フと同様にy軸の下が0であること。
38. 38 時系列を表すグラフ 複数の値を比べたいときはグラフを重ねる。 複数の変化を同時に見せられるの も折れ線グラフの特徴。 複数のグラフをプロットするとき は、点と点の間に線を入れる。
39. 39 Tips
40. 40 多次元のデータを扱う 等高線がぎりぎり。 3Dグラフは使わない。 本当に全部のデータをプロットす る必要はないので、一部を取り出 して見やすくプロットする。
41. 41 レインボーカラーではなくヒートマップ 色で何かを表すときにレインボーカラーを使わない 手を動かしながら学ぶ Pythonによる地域データ分析 実践入門 データビジュアライゼーションの基礎
42. 42 3Dグラフは使わない 意味が無い。 0 5 10 15 20 25 30 189 194 201 208 221 235 董卓 劉焉 曹操 袁紹 公孫瓚 劉備 馬騰 陶謙 孫権 劉表 劉繇 袁術 孔融 韓馥 孔伷 王朗 厳白虎 喬瑁 呂布 李傕 張魯 劉璋 金旋 韓玄 趙範 劉度 孟獲 空 BAD
43. 43 ストーリーを伝えるグラフ コロナ ここの落ち込みは理 由はわかりますか？
44. 44 ストーリーを伝えるグラフ 全部妖怪のせい いきなりこのグラフを見せ て真ん中の落ち込みを説明 するより、2回に分けるこ とでストーリーが伝わる
45. 45 ストーリーを伝えるグラフ 最初の一歩は正しく情報を伝えるグラフを描く その次のステップとしてプレゼンのためのグラフが必要になってくる。 プレゼンには目的があって、多くの場合「誰か」に「何か」をさせる事が目的にある。 ・開始（Opening）‐課題（Challenge）‐行動（Action）‐解決（Resolution） ・要旨（Lead）‐展開（Development）‐解決（Resolution） ・行動（Action）‐背景（Background）‐展開（Development）‐山場（Climax）‐結末（Ending） 「司令官に伝わる図を作る」 できるかぎり不要な情報を取り除く。 相手が複雑なグラフを処理できることを期待しない 例：今行っている施策が良い成果を上げていて、このまま継続する事を承認させるためのグラフ どこかでこういうグラフを描く必要が出てくるので、それは次のステップとして捉えてください。
46. 46 まとめ
47. 47 文字や表だけでは伝わりにくい情報をグラフを使って相手に伝える。 良いグラフは伝えたい結論が一目でわかる。 最初は、確実に誤解無く伝わるグラフを描けるようになろう。 主役は「伝えたいこと」、グラフは名脇役。 グラフは見たことがあるグラフから選べ！ グラフとはコミュニケーションの手段である
48. 48 参考文献 1．データビジュアライゼーションの基礎 ―明確で、魅力的で、説得力のあるデータ の見せ方・伝え方 今日の勉強会の内容はここから作っています。説明しきれていない事も多いので、是 非自力で読んでください。 2．手を動かしながら学ぶ Pythonによる地域データ分析 実践入門 今回説明を飛ばした地理データに関する可視化は、この本で勉強しよう。 使われているグラフが、今回の説明と一致しているので確認してみてください。 3．Google 流資料作成術 今回省略したストーリーに関わる可視化方法について説明あり。 お客を動かすような資料を作りたいときはこれ