Použití barev

Porozumění datové vizualizaci

Richie Cotton

Data Evangelist at DataCamp

Barevné prostory: Red-Green-Blue

Barevné prostory: Cyan-Magenta-Yellow-blacK

Výběr barevné palety

Bodový graf ceny vs. plochy se špatnou barevnou paletou

Každá barva by měla být stejně výrazná jako ostatní.
Perceptuální vzdálenost mezi sousedními barvami v grafu by měla být konstantní.

Barevné prostory: Hue-Chroma-Luminance

Vzorník barev hue

Barevné prostory: Hue-Chroma-Luminance

Vzorky barev chroma a luminance

Barevné prostory: Hue-Chroma-Luminance

Vzorky barev hue, chroma a luminance

Tři typy barevné škály: kvalitativní

Typ	Účel	Co měnit
qualitative	Rozlišení neuspořádaných kategorií	hue

Vzorník barev pro kvalitativní data

Příklad kvalitativní palety

Spojnicový graf adopce technologií v amerických domácnostech. Osa x je od roku 1930 do 1970, osa y od 0 do 100 %. Čtyři linie znázorňují adopci automobilů, ledniček, sporáků a vysavačů.

Tři typy barevné škály: sekvenční

Typ	Účel	Co měnit
sequential	Zobrazení pořadí	chroma nebo luminance

Vzorník pro sekvenční barevnou škálu

Příklad sekvenční palety

Sloupcový graf spotřeby zeleniny podle roku

Další příklad sekvenční palety

Bodový graf délky školní docházky vs. HNP a průměrné délky života zobrazené barvou

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

Tři typy barevné škály: divergentní

Typ	Účel	Co měnit
diverging	Zobrazení hodnot nad/pod středem	chroma nebo luminance, se 2 odstíny

Vzorník barev pro divergentní data

Dataset průzkumu Green Tech v Malajsii

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

Příklad divergentní palety

Sloupcový graf Likertova průzkumu

Pojďme si procvičit!

Porozumění datové vizualizaci