運用色彩

理解資料視覺化

Richie Cotton

Data Evangelist at DataCamp

色彩空間：Red-Green-Blue

色彩空間：Cyan-Magenta-Yellow-blacK

選擇繪圖調色盤

• 通常每種顏色都應同樣醒目。
• 圖中相鄰顏色的知覺距離應大致固定。

色彩空間：Hue-Chroma-Luminance

色彩空間：Hue-Chroma-Luminance

色彩空間：Hue-Chroma-Luminance

三種色階：質性（qualitative）

類型	目的	變化項
qualitative	區分無序類別	hue

質性調色盤範例

三種色階：連續（sequential）

類型	目的	變化項
sequential	呈現有序關係	chroma 或 luminance

連續調色盤範例

另一個連續調色盤範例

¹ Viridis color scale: https://bids.github.io/colormap

三種色階：發散（diverging）

類型	目的	變化項
diverging	呈現相對中點的高低	chroma 或 luminance，搭配 2 種 hue

馬來西亞綠色科技問卷資料集

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
...	...	...

¹ Islam et al. (2019) http://dx.doi.org/10.17632/wggvryfhsk.1

發散調色盤範例

一起來練習吧！

理解資料視覺化