Kleur gebruiken

Data­visualisatie begrijpen

Richie Cotton

Data Evangelist at DataCamp

Kleurruimten: Rood-Groen-Blauw

shutterstock_1622648830.jpg

Data­visualisatie begrijpen

Kleurruimten: Cyaan-Magenta-Geel-Zwart

shutterstock_505703968.jpg

Data­visualisatie begrijpen

Een palet voor grafieken kiezen

Spreidingsdiagram van prijs vs. oppervlakte met een slecht kleurpalet

  • Meestal moet elke kleur evenveel opvallen als de rest.
  • De perceptuele afstand tussen opeenvolgende kleuren moet constant zijn.
Data­visualisatie begrijpen

Kleurruimten: Hue-Chroma-Luminance

Hue-kleurstalen

Data­visualisatie begrijpen

Kleurruimten: Hue-Chroma-Luminance

Chroma- en luminantiekleurstalen

Data­visualisatie begrijpen

Kleurruimten: Hue-Chroma-Luminance

Hue-, chroma- en luminantiekleurstalen

Data­visualisatie begrijpen

Drie types kleurschaal: kwalitatief

Type Doel Wat variëren
kwalitatief Onderscheid tussen ongerangschikte categorieën hue

Kleurstaal voor kwalitatieve data

Data­visualisatie begrijpen

Voorbeeld kwalitatief palet

Lijngrafiek van technologie-adoptie door huishoudens in de VS. De x-as loopt van 1930 tot 1970, de y-as van 0 tot 100 procent. Vier lijnen tonen adoptie van auto's, koelkasten, fornuizen en stofzuigers.

Data­visualisatie begrijpen

Drie types kleurschaal: sequentieel

Type Doel Wat variëren
sequentieel Ordening tonen chroma of luminantie

Kleurstaal voor sequentiële schaal

Data­visualisatie begrijpen

Voorbeeld sequentieel palet

Staafdiagram van groenteconsumptie per jaar

Data­visualisatie begrijpen

Nog een sequentieel paletvoorbeeld

Spreidingsdiagram: duur scholing vs. BNI; gemiddelde levensverwachting met kleur

1 Viridis-kleurschaal: https://bids.github.io/colormap
Data­visualisatie begrijpen

Drie types kleurschaal: divergerend

Type Doel Wat variëren
divergerend Boven/onder een middenpunt tonen chroma of luminantie, met 2 hues

Kleurstaal voor divergerende data

Data­visualisatie begrijpen

Green Tech in Malaysia-enquêtegegevens

vraag antwoord n
Gebruikt betrouwbaar en repareerbaar Helemaal mee oneens 4
Gebruikt betrouwbaar en repareerbaar Oneens 8
Gebruikt betrouwbaar en repareerbaar Neutraal 37
Gebruikt betrouwbaar en repareerbaar Eens 52
Gebruikt betrouwbaar en repareerbaar Helemaal eens 26
... ... ...
1 Islam et al. (2019) http://dx.doi.org/10.17632/wggvryfhsk.1
Data­visualisatie begrijpen

Voorbeeld divergerend palet

Likert-staafdiagram van enquête

Data­visualisatie begrijpen

Laten we oefenen!

Data­visualisatie begrijpen

Preparing Video For Download...