Ottimi esempi di tavolozze colori per la visualizzazione dei dati da utilizzare

Le tavolozze dei colori che gli utenti scelgono per un sito Web o un marchio sono molto importanti. Di solito, questa decisione viene presa alla leggera, ma questo è un errore.

I colori trasmettono emozioni e conferiscono un aspetto distintivo a un marchio. Si scopre che i colori sono così importanti da avere un'influenza diretta sui modelli di acquisto.

La visualizzazione dei dati non fa eccezione. Alcuni possono dedicare ore a compiti tecnici, analisi e preparazione dei risultati solo per lottare con il modo in cui appaiono nei grafici.

Se vuoi che i tuoi grafici siano perfettamente comprensibili, devi trovare la giusta combinazione di estetica e informazioni. Le tavolozze dei colori corrette possono aiutare a trasmettere il messaggio giusto attraverso la grafica . Tuttavia, una scelta sbagliata del colore può nascondere i dati necessari e creare confusione.

Quindi, come può qualcuno scegliere una tavolozza di colori per la visualizzazione dei dati che aiuti la grafica invece di rovinarla? Questo articolo presenta diverse tavolozze comunemente utilizzate per questo scopo. Questo articolo presenta anche alcuni strumenti per trovare i colori appropriati per i tuoi grafici.

Definizione delle tavolozze dei colori

Ogni volta che qualcuno presenta risultati positivi sotto forma di grafico, le informazioni devono essere supportate con i colori. Questo è facile da vedere nella vita di tutti i giorni.

Quando le persone guardano il bollettino meteorologico in TV, vedono che le aree più fredde sono evidenziate in blu. Allo stesso modo, le persone riconoscono le regioni più calde perché sono dipinte di giallo . Questo non funzionerebbe con colori diversi. Quindi un chiaro esempio di come i colori possono supportare informazioni o addirittura distrarre.

Ma cos'è esattamente una tavolozza di colori? Il modello HSL spiega questo concetto. Secondo questa teoria, il colore ha tre caratteristiche:

• Tinta
• Saturazione
• Luminanza

Tinta

Questo è comunemente noto come un "colore" (blu, arancione, verde, giallo, ecc.). Ognuna di queste tonalità è organizzata in quella che è conosciuta come una ruota dei colori da 0° a 359°.

Saturazione

La saturazione si riferisce all'intensità del colore. Un'intensità dello 0% è uguale al colore grigio All'aumentare della percentuale di colore aumenta anche la luminosità del colore. Pertanto, i colori altamente saturi appariranno più vividi.

Luminanza

La luminanza è il parametro in base al quale viene misurata l'oscurità di un colore. Quando il nero viene aggiunto a un determinato colore, la sua luminanza diminuisce.

Dopo aver stabilito questi tre canali, ora puoi comprendere meglio le tavolozze dei colori di visualizzazione dei dati.

Scelta di una tavolozza dei colori ottimale per la visualizzazione dei dati per i tuoi grafici

Innanzitutto, ecco una spiegazione dei tre principi delle tavolozze dei colori ai fini della visualizzazione dei dati:

Riconoscimento del marchio : i lettori devono riconoscere il marchio. Per questo, scegli le tavolozze dei colori che corrispondono all'identità dell'azienda.

Leggibilità : vuoi che il tuo pubblico comprenda le informazioni in modo rapido e semplice. Per questo, hai bisogno di contrasto. La scelta di colori contrastanti aiuta a distinguere diverse unità di dati.

Significato : come discusso all'inizio di questo articolo, le tavolozze dei colori trasmettono un messaggio. Se i tuoi dati sono relativi a partiti politici, ad esempio, puoi utilizzare i colori che li contraddistinguono. Quando si presentano i gradi di qualcosa, si desidera utilizzare diverse sfumature di colore. Pertanto, i numeri più bassi possono avere una tonalità più chiara e i numeri più alti possono essere presentati con colori più scuri.

Ora, questo articolo discuterà i tipi di tavolozza dei colori. Imparare a usare le tavolozze dei colori è una professione in sé e per sé. Tuttavia, è possibile definire alcune linee guida in modo che le visualizzazioni dei dati appaiano al meglio.

Tipi di tavolozza dei colori

I colori utilizzati per la visualizzazione dei dati possono essere classificati in tre tavolozze: colori categoriali, colori sequenziali e colori divergenti.

Colori categoriali

Quando vuoi presentare categorie che non sono correlate, scegli una tavolozza di colori categorica. Questo renderà le tue categorie perfettamente distinguibili l'una dall'altra.

I colori delle categorie devono essere visualizzati in sequenza e in contrasto tra loro . La quantità massima di colori è 10 e devono avere tonalità e livelli di saturazione diversi.

Se utilizzi più di 10 colori, le informazioni saranno difficili da comprendere. Allo stesso modo, più i colori sono vicini in tonalità e saturazione, più difficile è distinguerli.

Ecco alcuni esempi che puoi utilizzare:

Metropolitana retrò

[“#ea5545”, “#f46a9b”, “#ef9b20”, “#edbf33”, “#ede15b”, “#bdcf32”, “#87bc45”, “#27aeef”, “#b33dc6”]

campo olandese

[#e60049″, “#0bb4ff”, “#50e991”, “#e6d800”, “#9b19f5”, “#ffa300”, “#dc0ab4”, “#b3d4ff”, “#00bfa0”]

Notti di fiume

[“#b30000”, “#7c1158”, “#4421af”, “#1a53ff”, “#0d88e6”, “#00b7c7”, “#5ad45a”, “#8be04e”, “#ebdc78”]

Pastelli primaverili

[“#fd7f6f”, “#7eb0d5”, “#b2e061”, “#bd7ebe”, “#ffb55a”, “#ffee65”, “#beb9db”, “#fdcce5”, “#8bd3c7”]

Tavolozze sequenziali

Utilizzare una tavolozza di colori sequenziale per la grafica con valori ordinati in sequenza. Pertanto, i colori sequenziali vengono visualizzati in uno schema continuo basato su tonalità, luminosità o entrambi. Ciascun colore sequenziale verrà assegnato a valori di dati con valori più alti con sfumature più chiare o più scure.

Essendo l'opzione ideale per i grafici di tendenza, le tavolozze sequenziali ti aiuteranno a evidenziare l'evoluzione di un determinato parametro. In un tema scuro, i colori più chiari rappresentano i valori più alti. Se stai lavorando con un tema chiaro, i colori più scuri rappresenteranno i valori più alti. Quindi, con il secondo esempio, hai una tavolozza da chiara a scura.

Un tale approccio ti aiuterà ad attirare l'attenzione del lettore sui valori più grandi.

Ecco alcuni esempi di tavolozza di colori sequenziali eccellenti che puoi utilizzare:

Dal blu al giallo

[“#115f9a”, “#1984c5”, “#22a7f0”, “#48b5c4”, “#76c68f”, “#a6d75b”, “#c9e52f”, “#d0ee11”, “#f4f100”]

Da grigio a rosso

[“#d7e1ee”, “#cbd6e4”, “#bfcbdb”, “#b3bfd1”, “#a4a2a8”, “#df8879”, “#c86558”, “#b04238”, “#991f17”]

Dal nero al rosa

[“#2e2b28”, “#3b3734”, “#474440”, “#54504c”, “#6b506b”, “#ab3da9”, “#de25da”, “#eb44e8”, “#ff80ff”]

Blues

[“#0000b3”, “#0010d9”, “#0020ff”, “#0040ff”, “#0060ff”, “#0080ff”, “#009ffff”, “#00bfff”, “#00ffff”]

I tuoi bei dati meritano di essere online

wpDataTables può farlo in questo modo. C'è una buona ragione per cui è il plug-in WordPress n. 1 per la creazione di tabelle e grafici reattivi.

Ed è davvero facile fare qualcosa del genere:

1. Fornisci i dati della tabella
2. Configuralo e personalizzalo
3. Pubblicalo in un post o in una pagina

E non è solo bello, ma anche pratico. Puoi creare tabelle di grandi dimensioni con un massimo di milioni di righe, oppure puoi utilizzare filtri e ricerche avanzate, oppure puoi scatenarti e renderlo modificabile.

"Sì, ma mi piace troppo Excel e non c'è niente del genere sui siti web". Sì, c'è. Puoi utilizzare la formattazione condizionale come in Excel o Fogli Google.

Ti ho detto che puoi creare grafici anche con i tuoi dati? E questa è solo una piccola parte. Ci sono molte altre funzionalità per te.

Tavolozze divergenti

Se il grafico di visualizzazione dei dati ha un valore centrale (diciamo '0'), le tavolozze divergenti saranno utili.

Questa è una combinazione di due tavolozze sequenziali che condividono lo stesso punto finale . Di conseguenza, i lettori distingueranno facilmente valori diversi che cadono da lati diversi dell'endpoint.

Al centro della grafica, si consiglia di utilizzare un colore neutro. Pertanto, i tuoi valori più alti verranno correttamente evidenziati verso i bordi del grafico.

Ecco alcuni esempi di come utilizzare colori divergenti:

Dal blu al rosso

[“#1984c5”, “#22a7f0”, “#63bff0”, “#a7d5ed”, “#e2e2e2”, “#e1a692”, “#de6e56”, “#e14b31”, “#c23728”]

Da arancione a viola

[“#ffb400”, “#d2980d”, “#a57c1b”, “#786028”, “#363445”, “#48446e”, “#5e569b”, “#776bcd”, “#9080ff”]

Schiuma rosa

[“#54bebe”, “#76c8c8”, “#98d1d1”, “#badbdb”, “#dedad2”, “#e4bcad”, “#df979e”, “#d7658b”, “#c80064”]

Salmone all'acqua

[“#e27c7c”, “#a86464”, “#6d4b4b”, “#503f3f”, “#333333”, “#3c4e4b”, “#466964”, “#599e94”, “#6cd4c5”]

Generatori di tavolozze di colori

Ora, cosa succede quando lavori a grandi progetti? In questo caso, è fondamentale che le tavolozze dei colori di visualizzazione dei dati siano coerenti in tutti i grafici , report, documenti e così via.

Fortunatamente, ci sono codici colore per riprodurre il colore esatto con la giusta tonalità, saturazione e luminanza.

Per le pubblicazioni scientifiche, i codici colore HEX sono molto popolari. Questi codici sono costituiti da 6 cifre e possono essere utilizzati su siti Web, Presentazioni Google, Excel, Adobe Illustrator, PowerPoint e Prism. Altri strumenti o piattaforme di progettazione grafica possono utilizzare codici come CMYK, HSL o RGB.

Se vuoi trovare codici diversi, i seguenti strumenti saranno di grande aiuto:

Piatto a colori Toptal

Usalo per scaricare codici HEX per una varietà di tavolozze di colori, incluse tavolozze analogiche, monocromatiche e personalizzate.

Selettore colore Google

Con questo fantastico strumento puoi usare una diapositiva per trovare i codici giusti . Questi possono essere di qualsiasi tipo (HEX, HSL, CMYK o RGB).

Selettore colore immagine

Grazie a Image Color Picker puoi scegliere i colori da un'immagine caricata o da un URL. Ti consente di estrarre codici HSL, HEX e RGB.

Risorse della tavolozza dei colori per la visualizzazione dei dati

Ci sono molte risorse disponibili online. Con il software appropriato, puoi scegliere le tavolozze dei colori più convenienti ed evidenziare il tuo lavoro di visualizzazione dei dati.

Per aiutarti, ecco un elenco di tavolozze di colori che puoi utilizzare per la tua variabile "R".

Inoltre, dai un'occhiata alle seguenti risorse:

Mente Colore

Caccia ai colori

Spazio colore

Raffreddatori

Viz tavolozza

Selettore colore dati

Tavolozze dei colori di Canva

Aiuto tavolozza colori

Tavolozze dei colori

Considerazioni finali su come scegliere la giusta tavolozza dei colori per la visualizzazione dei dati

Il lavoro di un analizzatore di dati non è terminato quando i compiti tecnici sono stati adempiuti. Quando si tratta di fornire le informazioni per i lettori, ci sono decisioni importanti da prendere.

Non importa quanto siano accurate le tue informazioni o quanto sia stata approfondita la tua ricerca, sarà inutile se le persone non possono leggerle. Inoltre, devono essere in grado di leggerlo velocemente e correttamente .

Per questo, è fondamentale scegliere la giusta tavolozza di colori per la visualizzazione dei dati. A seconda del tipo di grafica, puoi scegliere tra tavolozze divergenti, tavolozze sequenziali e colori categoriali. Se vuoi che le sfumature corrispondano a tutta la grafica, usa i codici colore appropriati e trovali attraverso strumenti specifici.

Infine, non dimenticare le basi dell'abbinamento dei colori e le sue caratteristiche. Con le informazioni in questo articolo, sei pronto per creare grafici complessi della massima qualità.

Se ti è piaciuto leggere questo articolo sugli esempi di tavolozza dei colori di visualizzazione dei dati, dovresti dare un'occhiata a questo sugli esempi di Chart.js.

Abbiamo anche scritto di alcuni argomenti correlati come tipi di grafici, grafici WordPress, alternative Highcharts e come creare fantastici grafici WordPress.