第2章 数据与视觉编码
视觉通道是有"精度排序"的：位置 > 长度 > 角度 > 面积 > 颜色。选错通道，图就白画了。
本章学习目标
- 能区分类别型、有序型、数值型、时间型、地理型数据
- 能按精度排序说出常用视觉通道
- 能针对比较、构成、分布、关系、趋势五类需求选对通道
- 能设计一套克制可读的配色方案
本章导览
核心内容
2.1
数据类型的划分
编码前先认清数据类型——它决定了你能用哪些通道。
| 类型 | 例子 | 可用操作 |
|---|---|---|
| 类别型（定类） | 城市、渠道、性别 | 只能比较相等，可计数 |
| 有序型（定序） | 满意度：很满意/满意/一般 | 可比大小，差值无意义 |
| 数值型（定量） | 销售额、温度、年龄 | 可加减、可算比例 |
| 时间型 | 日期、时刻 | 有序且可均匀刻度 |
| 地理型 | 省份、经纬度 | 可落在地图上 |
2.2
视觉通道与精度
同一份数据用不同通道表达，读者的判断准确度差别很大。心理学实验给出的排序大致是：<b>位置 > 长度 > 角度/斜率 > 面积 > 体积 > 颜色明度 > 颜色色相</b>。
2.2.1
通道精度排序与选用
| 通道 | 精度 | 适合表达 |
|---|---|---|
| 位置（散点/条形起点） | ★★★★★ | 定量比较、找关系 |
| 长度（条形高度） | ★★★★ | 定量比较（最常用的柱状图） |
| 角度/面积（饼图） | ★★☆ | 仅适合少量分类的构成 |
| 颜色明度 | ★★ | 表示强度、密度（热力图） |
| 颜色色相 | ★ | 只适合区分类别，不适合比大小 |
💡 这就是"能用柱状图就别用饼图"的原因：长度的判断精度远高于角度。
2.2.2
五类需求 × 通道选择
| 需求 | 首选图形 | 主要通道 |
|---|---|---|
| 比较（谁高谁低） | 条形图 / 柱状图 | 长度 |
| 构成（占比） | 堆叠条形、环形图（少分类） | 长度 / 面积 |
| 分布（数据落在哪） | 直方图、箱线图、小提琴图 | 位置 + 面积 |
| 关系（是否相关） | 散点图、气泡图 | 位置 + 大小 |
| 趋势（时间变化） | 折线图、面积图 | 位置（x 为时间） |
| 地理（空间差异） | 分级设色地图、热力地图 | 颜色 + 位置 |
2.3
色彩的使用
配色是最容易"翻车"的地方。原则只有三条：<b>少用色相</b>、<b>用明度表示强弱</b>、<b>保证对比度</b>。
2.3.1
三套基本配色方案
| 配色类型 | 构成 | 适用 |
|---|---|---|
| 定类配色 | 5～8 种区分度高的色相 | 表示不同类别（渠道、城市） |
| 顺序配色 | 同一色相由浅到深 | 表示数值大小（地图设色、热力图） |
| 发散配色 | 两端对比色、中间中性 | 表示偏离中心（增减、温差） |
- 避开彩虹色：色相之间没有顺序感，读者无法判断大小
- 避开红绿对比：约 8% 男性有色觉障碍
- 文字与底色对比度建议 ≥ 4.5:1（深色底用浅色字）
本章小结
本章讲"怎么把数据变成图形"：先分清数据类型（类别/有序/数值/时间/地理），再按精度排序理解视觉通道（位置 > 长度 > 角度面积 > 颜色），然后把它对应到比较、构成、分布、关系、趋势、地理六类需求上，最后给出定类/顺序/发散三套配色方案与配色禁忌。
思考与练习 先自己做，再点开答案
01
为什么饼图不适合展示 12 个分类？
查看参考答案
饼图靠角度与面积传达比例，精度排在本章排序的末段；分类一多，扇形拥挤、标签重叠，人眼几乎无法比较相邻扇区的差异。数据多时改用排序后的条形图。
02
"用颜色深浅表示销售额大小"用的是哪种编码？
查看参考答案
用颜色明度（顺序配色）表示数值大小，属于精度较低的通道，适合表达密度/强度（如热力图、地图设色），不适合要求精细比较的场景。
03
为什么建议避免红绿对比？
查看参考答案
红绿色觉障碍人群占比不低（男性约 8%），红绿搭配对他们几乎无法区分。可改用蓝—橙组合，并辅以形状、文字标签等冗余编码。