Fundamentals of Data Visualization 輪読会資料 第23回 (2024.08.26)

# 当記事の位置づけ
- この記事は、[「英語でデータ可視化を学ぼう：第23回 」](https://gaisaba.connpass.com/event/328141/)における発表資料です。
- 翻訳箇所は、以下の2つです。
    - [24 Use larger axis labels](https://clauswilke.com/dataviz/small-axis-labels.html)
    - [25 Avoid line drawings](https://clauswilke.com/dataviz/avoid-line-drawings.html)

# 概要
- [24 Use larger axis labels（軸のラベルをもっと大きくする）](https://clauswilke.com/dataviz/small-axis-labels.html)　： 図表の注釈は大きめにして見やすくしよう。
- [25 Avoid line drawings（線画を避けよう）](https://clauswilke.com/dataviz/avoid-line-drawings.html)　：　誤解のない見た目に整えるため、グラフは色で塗りつぶして、線画はやめよう。



# 詳細


## 24 Use larger axis labels（軸のラベルをもっと大きくする）

- この本からなにか一つだけ覚えていってほしいこと
    - 図表における軸ラベル、目盛りラベル、注釈には気をつけましょう。
    - だいたい小さすぎることが多いです。

---
- 図24.1
    - オーストラリアの男性アスリートの身長と体脂肪率
    - テキストが小さすぎる
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/295123/96de9d18-4393-0f1a-74f6-08bc01164233.png)


---
- 図24.2
    - オーストラリアの男性アスリートの身長と体脂肪率
    - テキストが少し大きくなったが、まだバランスが悪い
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/295123/703663ce-a89b-30d0-4f2e-aa3531b4de53.png)


---
- 図24.3
    - オーストラリアの男性アスリートの身長と体脂肪率
    - 全ての要素がバランスよく整えられた。
        - この書籍の中では全てこのバランスで描かれている。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/295123/baae03a2-c62a-9aa5-d701-f2f78c06abb1.png)


---
- 図24.4
    - オーストラリアの男性アスリートの身長と体脂肪率
    - テキストが大きくなりすぎる場合
        - 縮小されると読みやすいが、プロットのバランスが小さい。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/295123/09223bef-3bc5-bafe-b817-80c4269a2403.png)


---
- 図24.5
    - オーストラリアの男性アスリートの身長と体脂肪率
    - 全てが大きく表示されている場合
        - 全体が縮小されても読みやすいバランスはこの図。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/295123/c397d40a-a709-32d1-99c4-2144444cb9c3.png)

`問題なく読めるようなバランスであることを確認するために、縮小表示して確認しましょう。`


- なぜテキスト部分が小さくなりがちなのか。
    - 図表作成時に大きな高解像度ディスプレイで作業していると、テキストが小さくても問題なく読めるので。
    - 実際の印刷サイズで確認するようにしましょう。

---
## この章の感想
   - 正直、個人の好みの問題ではないのか、という気はしています。
   - あと、年取ったら小さい文字読みづらいという問題もあるのかもしれない。


## 25 Avoid line drawings（線画を避けよう）

### 歴史的背景
- 以下の制約があった。
    - 20世紀のほとんどの間、可視化は手描きだった。
    - 白黒で複製できなければならなかった。
- 擬似的な塗りつぶしとして、以下が行われてきた。
    - ハッチング線
    - クロスハッチング
    - 点描パターン
        - ハッチング線やクロスハッチング線は[こちらのサイト](https://suisai-tsuhan.com/kakikata/kakikata_touch.html)のの説明がわかりやすいかも。

### 棒グラフの場合


---
- 図25.1
    - タイタニック乗客の年齢分布図（線画）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/295123/923e74f0-c915-c53e-5498-7fd885d22292.png)

---
- 図25.2
    - タイタニック乗客の年齢分布図（塗りつぶし）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/295123/15347bc3-1bb3-694b-5892-e6da9769f5e6.png)


---
   - 線画だと、領域の内部と外部の違いがわかりにくい、というのは、以下の図のようなことであろうか。
   - 図25.1ではこのような誤解はなさそうだが。

![スクリーンショット 2024-08-25 15.10.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/295123/ad92f43b-b99e-a052-aa8c-a7df80d9275c.png)


### 密度プロットの場合


- 図25.3
    - 3種のアヤメのガク片の長さの密度推計
    - モノクロの輪郭線のみ（破線あり）の場合

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/295123/fe0c7570-e6ff-b940-a0ed-a22ab2617898.png)

- 問題は以下2点
    - 破線では線の上部分と下部分をはっきりと分離できない。
    - 線と線が交差していて、重なる部分に色がついていないため、6つの領域の輪郭線からここの密度分布を取り出すのが困難（？？？意味がわからなかった？？？）




- 図25.4
    - 3種のアヤメのガク片の長さの密度推計
    - 色別線の場合
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/295123/08750fb2-e8d4-fa9a-d177-b8e703ae1e70.png)

- 色別の線になると、破線で分離できない問題には対応できる。



- 図25.5
    - 3種のアヤメのガク片の長さの密度推計
    - 塗りつぶし領域ありの場合
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/295123/87a84a5a-2f85-1fb2-c80b-c000718bb7fe.png)

- 半透明の色塗りにしているので、3つの一度曲線がそれぞれ別なものであると認識しやすい。




### 散布図の場合


- 図25.6
    エンジン排気量に対する市街地走行燃費を、前輪駆動（FWD）、後輪駆動（RWD）、四輪駆動（4WD）について示したもの
    - 白黒でマーカーを使うと視覚的なノイズが多くなる。
    - 異なるマーカー同士で区別がつきにくい。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/295123/cbb48b86-9823-9c61-5493-832230662c95.png)


- 図25.7
    エンジン排気量に対する市街地走行燃費を、前輪駆動（FWD）、後輪駆動（RWD）、四輪駆動（4WD）について示したもの
    - マーカーを色分けすると見やすくなる。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/295123/aa3c156d-01a7-63c3-a12d-40cc63f4e412.png)


- 中が塗られたポイント（例えば●▲■）のほうが、中が塗られていないポイント（例えば◯△□）に比べて存在感があるのでお勧めです。
- 中が塗られていないポイント（例えば◯△□）のほうが、オーバープロットしたポイントが見えるという利点はあるものの、視覚的ノイズが多いのでお勧めはしない。



### 箱ひげ図の場合



- 図25.8
    - 2016年ネブラスカ州リンカーンの日平均気温の分布

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/295123/5e974724-7d10-3b71-e404-7513769a9469.png)


- 図25.9
    - 2016年ネブラスカ州リンカーンの日平均気温の分布
        - 薄い色をつけるのが作者の好み
        - 箱に色がついている方が読み手に対して箱を背景から切り離す効果があるため読み取らせやすい。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/295123/673418f2-a3e5-0c6a-8b59-4fcf2e74fd12.png)


## この章の感想
- 薄く色をつけ塗りつぶす、又は半透明にする、というやり方は非常に賛同します。