Quali sono le regole essenziali per progettare e produrre grafici?

Sfondo:

Precedentemente su Cross Validated, abbiamo avuto domande su:

• Qual è la migliore pratica durante la preparazione dei grafici?
• Quali sono i buoni consigli disponibili online per tracciare due variabili numeriche?

È stato suggerito da @david nei commenti a questa domanda che dovremmo avere una domanda wiki della comunità con una regola di visualizzazione per risposta che la comunità potesse votare.

Domanda

Quali sono le regole essenziali per progettare e produrre rappresentazioni grafiche di dati?

Regole

• Una regola per risposta
• Idealmente, includi una breve spiegazione del perché pensi che sia una buona idea
• Risposte con esempi (codice e immagine) di buone e cattive pratiche preferite.

Sostanza rispetto alla forma : scegli la trama, lo stile, la colorazione o altri parametri grafici appropriati per mostrare ciò che vuoi che la trama mostri, piuttosto che ciò che il tuo pacchetto grafico consente necessariamente.

Conoscere le tre dimensioni del colore può essere utile. Se usi diversi colori, dovrebbero idealmente differire su alcune di quelle dimensioni, non solo su una.

Valore. Il grafico dovrebbe rimanere leggibile anche in bianco e nero. Questa semplice regola dovrebbe tenere conto del daltonismo, delle stampanti di bassa qualità e delle cattive condizioni di illuminazione. Anche se usi tonalità diverse, assicurati che i valori siano sufficientemente diversi. In particolare, i grafici dovrebbero essere scuri su uno sfondo chiaro (o il contrario), ma non grigi su un valore grigio. L'esempio peggiore sarebbe una trama blu di uno sfondo rosso - entrambi sono valori medi, cioè dare grigi molto simili dopo la conversione in bianco e nero.

Saturazione. La saturazione dovrebbe essere usata con moderazione: una linea rossa pura può andare bene, ma una linea rossa più spessa e meno saturata sarà più leggibile (lo spessore maggiore aiuta a distinguere i colori e consente di ridurre la saturazione). D'altra parte, un'area rossa pura è dolorosa da guardare: non usare colori saturi per riempire le aree. Le tavolozze dei colori Brewer (progettate per le mappe, non per i grafici a linee) forniscono esempi di scelte di colore a bassa saturazione. L'esempio peggiore sarebbe, di nuovo, uno sfondo saturo (blu su rosso o rosso su blu).

Hue. Come accennato da @gung, evita la combinazione rosso / verde (semafori): ci sono molte più persone daltoniche di quanto pensi. Soprattutto con la tonalità, meno è di più. Ad esempio, per tracciare valori "divergenti" (cioè quantità che possono essere positive o negative), utilizzare solo due tonalità (per valori positivi e negativi), in modo che il lettore possa distinguere immediatamente ciò che è alto e ciò che è basso. L'uso di una sfumatura discreta può comportare una trama molto più leggibile: i confini tra i colori diventano visibili e formano una trama di contorno.

Puoi leggere le Regole pratiche di S. Few per l'uso del colore nei grafici o fare riferimento a qualsiasi materiale sulla "Teoria del colore" per gli studenti di arte o design.

Inserisci la maggior parte delle informazioni richieste all'interno della figura stessa. Non è necessario che il lettore faccia riferimento alla didascalia, ad esempio per identificare il significato di vari simboli o colori. Inserisci qualsiasi informazione (o informazione supplementare) che non può andare nella figura stessa nella didascalia. L'idea è di ridurre al minimo lo sforzo richiesto da un visualizzatore di grafici per estrarre le informazioni pertinenti - migliore: il grafico è autoesplicativo, il migliore è il seguente: le informazioni supplementari richieste possono essere rapidamente raccolte dalla didascalia, peggio: lo spettatore deve leggere attentamente il intera sezione dei risultati alla ricerca di alcuni dettagli cruciali per capire cosa sta succedendo.

Rendi la trama il più semplice possibile. In parole di Tufte, "minimizzare il rapporto inchiostro dati".

Ad esempio, evitare:

• più colori o forme del necessario
• più segni di spunta del necessario
• Effetti 3D su un grafico 2D.
• usando una legenda quando gli oggetti possono essere etichettati direttamente

Lascia il tempo per modificare. Fare un buon grafico richiede tempo e spesso richiede (almeno per me) più tentativi.

Non opporti al rosso e al verde. Il colore può essere utile, ma quando si utilizza il colore tenere sempre presente che una sostanziale minoranza di persone è daltonico rosso-verde. Una volta stavo mostrando alcuni dati a qualcuno e non riusciva a capire cosa stesse succedendo nei miei grafici: era uno spreco e mi sentivo piuttosto stupido. Altre forme di daltonismo sono molto rare, ma il rosso-verde è abbastanza comune. Questa pagina contiene molte buone informazioni. Ecco alcuni consigli:

• Se hai bisogno solo di due colori, usa il blu e il giallo - non usare il rosso e il verde.
• Se hai bisogno di una sfumatura, passa dal blu al giallo cambiando contemporaneamente saturazione e luminosità - non usare l'arcobaleno.
• Se è necessario codificare più di due elementi (ad es. Punti su un diagramma a dispersione di più di due gruppi o più linee), eseguire il backup dei colori con simboli / stili di linea diversi. Ad esempio, simboli di stampa distinti: o + <sw, o linee: solido, tratteggiato, tratteggiato, punto tratteggiato, ecc. (È inoltre possibile aggiungere simboli di stampa alle linee o modificare i pesi delle linee).

Non utilizzare grafici a barre in pila. E su una nota correlata, se hai un oggetto in scala Likert, non senti la necessità di mostrare la proporzione per ogni risposta a ciascun oggetto. Quei grafici mi fanno sanguinare gli occhi.

Non usare i grafici a torta.

Non duplicare i dati contenuti in un grafico lanciando una tabella.

Utilizzare un carattere sans serif come Arial per i titoli dei grafici, ecc., Poiché questi tipi di caratteri sono progettati per essere utilizzati in questo modo.

Nessun post sul design è completo senza un riferimento al libro, mi piacciono molto le Regole empiriche statistiche . Il capitolo 9 è un po 'rilevante per la discussione qui, e i bit che indico quando mi viene chiesto perché odio i grafici a barre e i grafici a torta in pila. :)

Confessione: in uno dei miei primi ruoli di consulenza da studente per un piccolo cliente di una ONG ho dato loro un rapporto che aveva molti grafici a barre sovrapposti, stampati a colori (questa era la metà degli anni '90). Penso di essere riuscito a ottenere giallo, viola e rosso in quei cuccioli.

Non scherzare con gli assi. Non tagliare le prime cento unità solo perché la pendenza del grafico appare più impressionante. L'immagine si attaccherà e le persone ricorderanno un effetto molto più grande di quanto effettivamente misurato.