L'area o la lunghezza di un quadrato dovrebbero essere proporzionali ai dati che vengono visualizzati?

Sto effettuando una visualizzazione dei dati. Ogni dato è rappresentato da un quadrato. Per rendere i dati sottostanti leggibili in modo intuitivo, la lunghezza di ciascun quadrato o l'area di ciascun quadrato deve essere proporzionale al dato che rappresenta?

Se tu, il creatore, non sei sicuro, come farà il lettore a sapere quale sia?

Risposta breve: il valore deve essere collegato 1: 1 alla quantità di colore nella pagina . Quindi nel tuo esempio, dovrebbe essere area. Ma c'è di più: devi anche evitare segnali fuorvianti che potrebbero indurre un lettore a leggerlo in modo errato e devi sapere perché stai utilizzando l'area anziché la lunghezza (ad esempio, i grafici a barre), perché ha veri e propri vantaggi e svantaggi.

In primo luogo, non avere mai sia la lunghezza che la larghezza (cioè l'area) di un cambiamento di forma quando in realtà la variabile è collegata solo alla lunghezza di un lato. Se X è doppia Y ma Y ha quattro volte più colore sulla pagina, stai fuorviando i tuoi lettori. Questo tipo di distorsione viene talvolta definito un " fattore di menzogna ", e viene spesso considerato un tentativo deliberato di fuorviare ed esagerare le differenze.

Se usi l'area come misura ti consiglio vivamente di:

• Sapere perché stai utilizzando l'area . Utilizzando l'area anziché una dimensione lineare come la lunghezza, si:

  • Sacrifica la capacità di vedere chiaramente le differenze matematicamente (non puoi facilmente dire "guarda, è il doppio dell'altro")
  • Invita i tuoi lettori a visualizzarlo in modo intuitivo e non numerico di tutti i giorni nel modo in cui le persone, ad esempio, confrontano le dimensioni delle torte in un negozio. Meno sofisticato, ma più immediato. Più coraggio, meno testa.
  • Piccole differenze tra numeri molto simili diventano quasi invisibili.
  • Quando una variabile è molte volte più piccola di un'altra, quella molto piccola non scompare così male come in un grafico a barre, il che può consentire una maggiore flessibilità nei layout.

• Prendi in considerazione l'uso di cerchi per area, non per quadrati, allineati al centro :

  • Cerchia perché non invita alla confusione con grafici a barre e simili. Altezza e larghezza sono meno in primo piano: sembra meno che tu stia invitando un confronto basato su altezza o larghezza.
  • Allineato al centro perché non invita le persone a confrontare le altezze

Ad esempio, sopra, è difficile non vedere il quadrato etichettato "5" come tre quarti dell'altezza del quadrato etichettato "10", quindi è potenzialmente fuorviante.

I cerchi non invitano questo tipo di confronto: è più di un istante a livello di istinto "Quel blob è piuttosto molto più grande del prossimo blob".

Esistono diverse prove, dai test degli utenti agli studi su piccola scala (cercherò di dare qualche esempio più avanti) che questo tipo di confronto intuitivo basato sull'area può essere più coinvolgente, può abbassare la barriera all'accesso a un pubblico meno coinvolto e può aiuta a mantenere l'attenzione del lettore sull'argomento anziché sulle fredde minuziosità dei numeri. Ma ciò comporta il costo di intralciare analisi più mentali.

Non scegliere tra una dimensione (lunghezza o distanza) e due dimensioni (area) per motivi estetici: scegli tra loro in base al tuo pubblico e al tuo messaggio.

Quale è più appropriato per la comunicazione: confronti istantanei a livello dell'intestino a livello di "molto più grande", o confronti più considerati numerici a livello di "che è circa l'80% dell'altro"?

O ci sono ragioni pratiche per cui è necessario utilizzare l'area?

Quindi, quando hai scelto per motivi pratici , applica l'estetica.

Direi la zona. Otticamente, un quadrato con un lato due volte più lungo mostra un'area 4 volte più grande. Gli osservatori casuali si collegheranno all'area, anche senza leggere la tua leggenda.

Un bell'esempio è questo leggendario grafico di Randall Munroe di xkcd :

( versione enorme e leggibile )

Non siamo bravi a giudicare le differenze di area quanto lo siamo in lunghezza. Usiamo la lunghezza come proxy e quindi tendiamo a sottostimare le differenze nelle aree.

Per questo motivo, un cerchio che in realtà ha il doppio dell'area di un altro sembra troppo piccolo perché il nostro cervello sta relazionando i loro raggi, che differiscono di un fattore di 1,4x.

Esistono tentativi interessanti di conciliare questi fenomeni, come la mappatura proporzionale dei simboli in R , che propone il ridimensionamento percettivo dei simboli per allinearsi più da vicino a come giudichiamo le lunghezze e le aree.

Ecco la Fig. 2 di questo documento

Personalmente non ho alcuna esperienza con questo ed evito di usare le aree se sono richiesti giudizi quantitativi.

Una tangente interessante è la relazione tra percezione del volume e lunghezza. La differenza nel modo in cui li percepiamo è ancora più evidente. Questo può essere illustrato in questo video dei confronti delle dimensioni delle stelle .

Quando arrivi alla stella più grande, che è circa 1.700 volte il diametro del sole, ti rimane l'impressione che sia molto più grande di 1.700x.

Per uno sguardo più sistematico al nostro errore nel percepire le differenze nelle aree e nelle lunghezze, vedere Crowdsourcing Perception Graphic: Usare Mechanical Turk per valutare il design di visualizzazione di Jeffrey Heer e Michael Bostock.

Secondo me l'area (D), non ogni lato (E).

Se stai usando un lato di lunghezza 2, l'area sarebbe 4 volte il valore e avresti un grafico molto sovrapposto. (E)

Quando si dispone di un normale grafico a barre (A), i dati sono lineari e il simbolo con della barra è solo per l'estetica. (B)

In questi casi l'area è di nuovo rappresentativa dei dati perché il con delle barre è lo stesso. Puoi avere una barra 3D e comunque il volume della barra è quello che rappresenta i dati (C)

Tufte ha affrontato ampiamente questo problema. Vedere:

• La visualizzazione visiva di informazioni quantitative,
• Immaginare informazioni e altri.

Alcuni principi di integrità grafica:

1. La rappresentazione dei numeri, misurata fisicamente sulla superficie del grafico stesso, dovrebbe essere direttamente proporzionale alle quantità numeriche rappresentate
2. Etichettatura chiara, dettagliata e completa dovrebbe essere usata per sconfiggere la distorsione grafica e l'ambiguità. Scrivi spiegazioni dei dati sul grafico stesso. Etichettare eventi importanti nei dati.
3. Mostra la variazione dei dati, non la variazione del design.
4. Nelle esposizioni temporali di serie, le unità di misurazione monetaria deflazionate e standardizzate sono quasi sempre migliori delle unità nominali.
5. Il numero di informazioni che trasportano dimensioni (variabili) rappresentate non deve superare il numero di dimensioni nei dati. La grafica non deve citare i dati fuori contesto.

Nel tuo caso devi chiederti se i dati sono meglio rappresentati da un'immagine 2D o 3D o da una linea. Un cubo, un quadrato e una linea non sono gli stessi. Questo è uno dei motivi per cui i grafici a barre 3D sono così spesso fuorvianti.