{"id":1113,"date":"2021-10-19T11:11:16","date_gmt":"2021-10-19T09:11:16","guid":{"rendered":"https:\/\/www.analyticsarts.it\/?p=1113"},"modified":"2026-04-15T17:32:50","modified_gmt":"2026-04-15T15:32:50","slug":"data-visualisation-state-rappresentando-i-vostri-dati-nel-modo-giusto","status":"publish","type":"post","link":"https:\/\/www.analyticsarts.it\/it\/post\/data-visualisation-state-rappresentando-i-vostri-dati-nel-modo-giusto\/","title":{"rendered":"Data visualisation: state rappresentando i vostri dati nel modo giusto?"},"content":{"rendered":"
[vc_row][vc_column][vc_column_text margin_bottom=”0″ css=”.vc_custom_1776267165893{margin-bottom: 0px !important;}”]\"\"<\/p>\n

Autrice: Valentina Fumagalli<\/a>
\nDate: 19-10-2021<\/p>\n

 <\/p>\n

Negli ultimi anni, l\u2019attivit\u00e0 di analisi delle informazioni e dei dati ha assunto un ruolo sempre pi\u00f9 rilevante in ambito aziendale e cos\u00ec anche la data visualisation \u00e8 diventata centrale per qualsiasi impresa che voglia adottare un approccio data driven oriented, o in altre parole basare le proprie strategie sui dati.
\nIn questo articolo ci contreremo su uno dei molti aspetti che riguardano la data visualisation: i colori.
\nL\u2019uso corretto dei colori \u00e8 probabilmente una delle componenti pi\u00f9 importante e spesso sottovalutate della visualizzazione dei dati. Un uso strategico dei colori pu\u00f2 fare la differenza tra una buona e una cattiva visualizzazione dei dati.
\nNella data visualization l\u2019uso del colore non dovrebbe essere inteso solo come una mera scelta estetica, ma piuttosto come uno strumento per comunicare informazioni quantitative.
\nInfatti, la scelta del colore dovrebbe essere sempre fatta in considerazione di un determinato obiettivo comunicativo, che sia questo attirare l\u2019attenzione, sottolineare un dato o differenziare due o pi\u00f9 categorie.
\nPer questo motivo, anche se si \u00e8 tentati di realizzare grafici con un grande appeal visivo, in alcuni casi potrebbe essere pi\u00f9 opportuno attenersi a tipi di grafici che, anche se di base, si adattano meglio al nostro sistema cognitivo.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text css=”.vc_custom_1705313636460{margin-bottom: 0px !important;}”]Perch\u00e9 l’uso corretto del colore \u00e8 cos\u00ec importante nella visualizzazione dei dati?<\/strong>
\nUno degli obiettivi principali della data visualization \u00e8 quello di comunicare rapidamente e in modo efficace le informazioni e di facilitarne il ricordo.Una scelta strategica dei colori aiuter\u00e0 a capire pi\u00f9 facilmente il significato delle informazioni che si vuole trasmettere e i dettagli pi\u00f9 importanti. Al contrario, un uso scorretto del colore rischier\u00e0 di distogliere l\u2019attenzione dai punti chiave e di rendere le informazioni poco chiare.
\nLa figura 1 mostra un esempio di quanto detto. Immaginate che vi fosse chiesto di individuare il numero 3 a partire dalla prima tabella e poi di ripetere lo stesso esercizio utilizzando la seconda.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_single_image image=”1130″ img_size=”full”][vc_column_text align=”center” css=”.vc_custom_1705313662890{margin-bottom: 0px !important;}”]Figura 1<\/strong>.Contate il numero di 3<\/em>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][mk_padding_divider][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text css=”.vc_custom_1705313702071{margin-bottom: 0px !important;}”]Come si pu\u00f2 notare, nella seconda tabella il rosso e il grassetto permettono di individuare il numero di 3 molto velocemente, ancora prima di cominciare a leggere la prima riga di numeri.<\/p>\n

Colori sequenziali, divergenti e categorici:<\/strong>
\nPrima di discutere nel dettaglio come utilizzare i colori nella data visualization, \u00e8 importante distinguere tra colori sequenziali, divergenti e categorici.
\nSi definiscono schemi di colore sequenziali singoli colori, la cui intensit\u00e0 passa da una tonalit\u00e0 molto chiara a una pi\u00f9 scura.
\nPer schemi di colore divergenti si intende una o pi\u00f9 coppie di colori sequenziali sfumati verso il centro, spesso di colore neutro. Tipicamente, questi colori sono usati per mostrare dati che si discostano da una quantit\u00e0 media.
\nSi definiscono schemi di colori categorici insiemi di colori distinti che non sono caratterizzati da nessun ordine definito.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][mk_padding_divider][\/vc_column][\/vc_row][vc_row][vc_column][vc_single_image image=”1128″ img_size=”full”][vc_column_text css=”.vc_custom_1705313726299{margin-bottom: 0px !important;}”]Figura 2<\/strong>: esempi di schemi di colore divergenti, sequenziali e categorici.<\/em>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][mk_padding_divider][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text css=”.vc_custom_1705313759642{margin-bottom: 0px !important;}”]Utilizzare i colori sequenziali o divergenti per mostrare dati correlati<\/strong>
\nLa scelta di colori sequenziali risulta particolarmente efficace nel caso in cui si voglia presentare dati correlati. In questo caso, i colori saranno assegnati ai dati in un continuum basato sul criterio dell\u2019intensit\u00e0 del colore.
\n\u00c8 possibile adoperare un singolo colore, variandone la tonalit\u00e0 per indicare un intervallo di valori. In questo caso, l\u2019intensit\u00e0 del colore varier\u00e0 in base alle dimensioni del dato: maggiore \u00e8 il dato, pi\u00f9 intenso sar\u00e0 il colore.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_single_image image=”1124″ img_size=”full”][vc_column_text align=”center” css=”.vc_custom_1705313787919{margin-bottom: 0px !important;}”]Figure 3<\/strong>. Livello del rischio di perdere la casa per Stato negli Stati Uniti.<\/em>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][mk_padding_divider][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text css=”.vc_custom_1705313807085{margin-bottom: 0px !important;}”]La mappa rappresentata nella figura 3, ad esempio, sfrutta le differenze di ombreggiatura del rosso all’interno di aree predefinite per indicare i valori in quelle aree.<\/p>\n

Talvolta invece pu\u00f2 essere utile sfruttare schemi di colori divergenti come ulteriore elemento di differenziazione. Ad esempio, risulta particolarmente efficace contrapporre alle due estremit\u00e0 colori caldi come il giallo o il rosso a colori freddi come il blu o il verde (Figura 4).[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_single_image image=”1118″ img_size=”full”][vc_column_text align=”center” css=”.vc_custom_1705313834987{margin-bottom: 0px !important;}”]Figura 4<\/strong>. Il potere d’acquisto di 100 dollari per contea negli USA.<\/em>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][mk_padding_divider][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text css=”.vc_custom_1705313862448{margin-bottom: 0px !important;}”]Usare colori contrastanti per confrontare variabili categoriche<\/strong>
\nAl contrario, quando si vuole confrontare o contrapporre due metriche non correlate, scegliere colori a contrasto tra loro permette di mostrare pi\u00f9 facilmente l\u2019opposizione tra le due.
\nSolitamente l\u2019uso del colore a contrasto viene applicato nel caso di variabili categoriche, e cio\u00e8 di variabili che assumono etichette distinte senza un ordine intrinseco. In questo caso, ad ogni valore sar\u00e0 assegnato un colore distinto.
\nNella figura 5, ad esempio, il viola, il blu, l\u2019azzurro e il verde sono stati utilizzati per distinguere le diverse generazioni una dall\u2019altra.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_single_image image=”1116″ img_size=”full”][vc_column_text css=”.vc_custom_1705313881635{margin-bottom: 0px !important;}”]Figura 5<\/strong>. Indebitamento delle famiglie per generazione negli Usa.<\/em>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][mk_padding_divider][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text css=”.vc_custom_1705313896891{margin-bottom: 0px !important;}”]A volte i colori possono essere associati ad altri elementi visivi, come nella figura 6, in cui la dimensione della bolla indica la grandezza del dato, mentre il rosso e il rosa sono stati usati per distinguere i Paesi dalle Aziende. [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_single_image image=”1120″ img_size=”full”][vc_column_text align=”center” css=”.vc_custom_1705313915191{margin-bottom: 0px !important;}”]Figura 6<\/strong>. Confronto della capitalizzazione di mercato di alcuni Paesi rispetto ad alcune tech company.<\/em>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][mk_padding_divider][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text css=”.vc_custom_1705313929652{margin-bottom: 0px !important;}”]\u00c8 possibile infine pensare di sfruttare associazioni semantiche tra alcuni concetti e colori, ad esempio tra il rosso e il pericolo, tra il giallo e l\u2019oro o tra il verde e il denaro. Nella figura 7, ad esempio, i colori blu e rosso sono stati utilizzati per differenziare i dati relativi al partito democratico da quello repubblicano.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_single_image image=”1122″ img_size=”full”][vc_column_text align=”center” css=”.vc_custom_1705313220254{margin-bottom: 0px !important;}”]Figure 7<\/strong>. Comparison of Democratic and Republican party costs for presidential elections between 2000 and 2020<\/em>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][mk_padding_divider][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text css=”.vc_custom_1705314085367{margin-bottom: 0px !important;}”]Utilizzate i colori per sottolineare informazioni importanti<\/strong>
\nI colori possono essere usati anche evidenziare meglio un dato rispetto ad altri. \u00c8 possibile usare colori pi\u00f9 accesi o colori diversi per far risaltare dati che si ritiene importante far emergere, che siano questi una linea o punto di un grafico o una parola in un testo.
\nAd esempio, nella figura 8, partendo da una base di colore arancione, il giallo \u00e8 stato usato per mostrare il Paese che assume il valore pi\u00f9 alto (le Filippine), mentre il bianco per indicare la media globale.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_single_image image=”1126″ img_size=”full”][vc_column_text align=”center” css=”.vc_custom_1705314100624{margin-bottom: 0px !important;}”]Figura 8<\/strong>. Media delle ore trascorse al giorno su Internet in diversi Paesi.<\/em>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][mk_padding_divider][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text css=”.vc_custom_1705314118201{margin-bottom: 0px !important;}”]Utilizzare il colore per sottolineare dati atipici<\/strong>
\nNella data visualization i colori aiutano non solo a identificare rapidamente le principali tendenze ma anche anomalie e dati atipici, come nella figura 9, in cui il rosso \u00e8 stato usato per far risaltare i valori negativi.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_single_image image=”1114″ img_size=”full”][vc_column_text align=”center” css=”.vc_custom_1705314143792{margin-bottom: 0px !important;}”]Figura 9<\/strong>. Performance delle 10 migliori societ\u00e0 classificate per GDX Index.<\/em>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][mk_padding_divider][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text css=”.vc_custom_1705314178530{margin-bottom: 0px !important;}”]Alcune buone pratiche per una buona visualizzazione dei dati<\/strong>
\nConcludiamo questo articolo elencando tre regole che consigliamo di seguire quando realizziamo una dashboard o un grafico:<\/p>\n

1. Non utilizzare troppi colori contemporaneamente. Generalmente, si consiglia di non inserire pi\u00f9 di sei colori per cruscotto o grafico;<\/p>\n

2. Non scegliere colori non facilmente distinguibili e scegliere uno sfondo appropriato ai colori scelti;<\/p>\n

3. Mantenere coerenza dei colori tra grafici che si che contengono informazioni riferite allo stesso gruppo. Quando tra un grafico e l\u2019altro i colori cambiano il loro significato, le informazioni diventano pi\u00f9 difficili da capire.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text css=”.vc_custom_1705314211366{margin-bottom: 0px !important;}”]Sources:<\/p>\n

http:\/\/www.gnuplotting.org\/color-maps-from-colorbrewer\/<\/p>\n

Mapped: The Risk of Eviction and Foreclosure in U.S. States<\/a><\/p><\/blockquote>\n