使用颜色

理解数据可视化

Richie Cotton

Data Evangelist at DataCamp

色彩空间:红-绿-蓝(RGB)

shutterstock_1622648830.jpg

理解数据可视化

色彩空间:青-品红-黄-黑(CMYK)

shutterstock_505703968.jpg

理解数据可视化

选择绘图配色

价格与面积散点图(不佳的配色)

  • 通常,各颜色应同等突出。
  • 图中相邻颜色的感知差异应近似恒定。
理解数据可视化

色彩空间:色相-色度-亮度

色相色卡

理解数据可视化

色彩空间:色相-色度-亮度

色度与亮度色卡

理解数据可视化

色彩空间:色相-色度-亮度

色相、色度与亮度色卡

理解数据可视化

三类色标:定性型

类型 目的 变化维度
定性型 区分无序类别 色相

定性数据的色卡

理解数据可视化

定性色板示例

美国家庭技术普及率折线图。x轴1930–1970,y轴0–100%。四条线:汽车、冰箱、炉灶、吸尘器。

理解数据可视化

三类色标:顺序型

类型 目的 变化维度
顺序型 表示有序关系 色度或亮度

顺序色标的色卡

理解数据可视化

顺序色板示例

按年份的蔬菜消费柱状图

理解数据可视化

另一个顺序色板示例

散点图:受教育年限 vs GNI;颜色表示平均预期寿命

1 Viridis 色标:https://bids.github.io/colormap
理解数据可视化

三类色标:发散型

类型 目的 变化维度
发散型 显示相对中点的高/低 色度或亮度,含两种色相

发散数据的色卡

理解数据可视化

马来西亚绿色科技调查数据集

question response n
Uses reliable and repairable Strongly Disagree 4
Uses reliable and repairable Disagree 8
Uses reliable and repairable Neutral 37
Uses reliable and repairable Agree 52
Uses reliable and repairable Strongly Agree 26
... ... ...
1 Islam 等(2019)http://dx.doi.org/10.17632/wggvryfhsk.1
理解数据可视化

发散色板示例

李克特量表调查的柱状图

理解数据可视化

开始练习吧!

理解数据可视化

Preparing Video For Download...