Utilizzo del colore

Comprendere la Data Visualization

Richie Cotton

Data Evangelist at DataCamp

Spazio colorimetrico: Rosso-Verde-Blu

shutterstock_1622648830.jpg

Comprendere la Data Visualization

Spazio colorimetrico: Ciano-Magenta-Giallo-Nero

shutterstock_505703968.jpg

Comprendere la Data Visualization

Scegliere la tavolozza di un grafico

Diagramma a dispersione del prezzo rispetto alla zona con una tavolozza di colori fatta male

  • Di solito, ogni colore deve risaltare quanto gli altri.
  • La distanza percettiva da un colore all'altro del grafico deve essere costante.
Comprendere la Data Visualization

Spazio colorimetrico: Tonalità-Crominanza-Luminanza

Campione della tonalità

Comprendere la Data Visualization

Spazio colorimetrico: Tonalità-Crominanza-Luminanza

Campioni di crominanza e luminanza

Comprendere la Data Visualization

Spazio colorimetrico: Tonalità-Crominanza-Luminanza

Campioni di tonalità, crominanza e luminanza

Comprendere la Data Visualization

Tre tipi di scala cromatica: qualitativa

Tipo Scopo Cosa variare
qualitativa Distinguere categorie non ordinate tonalità

Campione di colore per dati qualitativi

Comprendere la Data Visualization

Esempio di tavolozza qualitativa

Un grafico a linee sull'uso di tecnologie da parte delle famiglie negli Stati Uniti. L'asse x va dal 1930 al 1970 e l'asse y va dallo 0 al 100%. Ci sono quattro linee che rappresentano l'uso di automobili, frigoriferi, cucine e aspirapolveri.

Comprendere la Data Visualization

Tre tipi di scala di colori: sequenziale

Tipo Scopo Cosa variare
sequenziale Mostrare l’ordine crominanza o luminanza

Campione per la scala di colori sequenziale

Comprendere la Data Visualization

Esempio di tavolozza sequenziale

Grafico a barre del consumo di verdure per anno

Comprendere la Data Visualization

Altro esempio di tavolozza sequenziale

Grafico a dispersione della durata della scolarizzazione rispetto al GNI e all'aspettativa di vita media rappresentata dal colore

1 Scala cromatica Viridis: https://bids.github.io/colormap
Comprendere la Data Visualization

Tre tipi di scala cromatica: divergente

Tipo Scopo Cosa variare
divergente Mostrare sopra o sotto un punto medio crominanza o luminanza, con 2 tonalità

Colore per i dati divergenti

Comprendere la Data Visualization

Set di dati del sondaggio sulla tecnologia verde in Malesia

domanda risposta n
Utilizza prodotti affidabili e riparabili Fortemente in disaccordo 4
Utilizza prodotti affidabili e riparabili In disaccordo 8
Utilizza prodotti affidabili e riparabili Neutrale 37
Utilizza prodotti affidabili e riparabili D’accordo 52
Utilizza prodotti affidabili e riparabili Fortemente d'accordo 26
... ... ...
1 Islam et al. (2019) http://dx.doi.org/10.17632/wggvryfhsk.1
Comprendere la Data Visualization

Esempio di tavolozza divergente

Grafico a barre del sondaggio Likert

Comprendere la Data Visualization

Passiamo alla pratica!

Comprendere la Data Visualization

Preparing Video For Download...