Nu uitați că puteți folosi cu ușurință Heatmap Maker de la Displayr pentru a vă crea o hartă termică gratuită!

Zilele trecute, ziarul meu local a prezentat ceea ce a numit o „fotografie” a uraganului Matthew. Acest heatmap realizează una dintre sarcinile de bază ale vizualizării: atrage atenția. Cu toate acestea, face acest lucru cu un cost prea mare pentru mine, din cauza proastei utilizări a culorilor.

Când m-am uitat pentru prima dată la această vizualizare, am presupus că griul era reprezentat de nori, iar albastrul de mare. După ce m-am mai uitat puțin, mi-am dat seama că nu poate fi așa. Creierul meu a început atunci să vizualizeze imaginea ca pe un vârtej care se transformă în două tuneluri. Totuși, acest lucru m-a condus la o gravă eroare de interpretare: să văd o lumină la capătul tunelului din stânga. Aceasta este o problemă, deoarece creierul meu face exact concluzia greșită. Interpretarea corectă este, bănuiesc, că acesta este ochiul furtunii și mult mai liniștit decât zonele din jur.

Vizualizarea de mai sus este, fără îndoială, grozavă dacă ați fost antrenat să o citiți. Dar câți oameni au primit o astfel de pregătire? Eu cu siguranță mă lupt să înțeleg ce înseamnă fără prea mult efort. Acest lucru se datorează faptului că nu folosește schema de culori a curcubeului, ci negru, gri, albastru, verde, galben, roșu și din nou negru. Aceasta nu este o ordonare naturală a culorilor în natură, ceea ce face dificilă decodificarea automată de către creierul nostru. Pentru a explora puțin mai bine această problemă, ne vom uita la o sarcină de vizualizare mai simplă: o hartă termică a unui vulcan.

Plata de perspectivă 3D de mai sus prezintă un vulcan. Este atractiv și vedem multe dintre atributele vulcanului, dar nu și partea sa îndepărtată și nici adâncimea calderei.

Harta termică de mai jos folosește o scară galben-albastră. Ea ne permite să ne facem o idee despre partea îndepărtată a vulcanului și despre adâncimea calderei. În funcție de momentul în care mă uit la această hartă termică, trag concluzii destul de diferite. Uneori, văd o supernovă. Deoarece nu înțeleg cu adevărat supernovele, această comparație mă derutează mai degrabă decât să mă ajute. De cele mai multe ori, creierul meu vede în albastru marea, în verde, vegetația, iar în galben, vulcanul. Astfel, creierul meu deduce că există apă în caldera vulcanului. Sigur, legenda îmi spune că interpretarea mea este greșită. Problema de bază, totuși, este că aspectul calitativ al hărții termice – culorile albastru, verde și roșu – mă duce în eroare.

Următoarea hartă termică arată cum puțin mai puțin creează ceva puțin mai bun. Am eliminat galbenul. Datorită modului în care funcționează culoarea, acest lucru înseamnă că verdele este, de asemenea, scos de pe harta termică. Acum, harta termică arată tipul de gradație care apare în natură (de exemplu, norii pe un cer albastru, adâncimea apei). Creierul nostru este deja obișnuit să citească această vizualizare. Poate că aceasta și vizualizarea anterioară vi se par la fel de ușor de interpretat; rămâneți cu mine, deoarece ideea va deveni mult mai clară cu următoarele două exemple.

Reguli pentru utilizarea culorilor în heatmaps

Treemap-ul cu umbrire heatmap de mai jos este din Harvard Business Review. Schema de culori pe care o folosește implică griuri, roșii, verzi și galbene. Ca și în cazul imaginii anterioare îmbunătățite prin satelit a uraganului, dacă este antrenată, sunt sigur că o puteți citi. Cu toate acestea, citirea ei este o muncă grea, așa cum s-a discutat în Regula de 5 secunde și necesitatea de a crea o vizualizare instantaneu recognoscibilă.

Contrastând-o cu cea de mai jos, care prezintă mult mai multe date. Folosește aproape aceeași schemă de culori. Dar este o vizualizare mult mai bună. Motivul este modul în care este folosită culoarea. Culoarea delimitează cele trei cauze de deces. Intensitatea în cadrul culorilor comunică schimbarea ratelor de deces în timp.

Exemplele de mai sus pot fi rezumate la două reguli:

1. Reprezentați gradele în hărțile termice prin umbrire, folosind o singură culoare amestecată fie cu alb, negru sau gri.
2. Utilizați culorile pentru a reprezenta diferențele calitative.

Utilizarea culorilor pentru a reprezenta scorurile mari față de cele mici

Un tip special de diferență calitativă este dacă rezultatele sunt peste sau sub medie. Exemplul de mai jos arată modul în care preferința pentru diferite mărci de cola (coloanele) se raportează la gradul de apreciere a mărcilor. Albul este utilizat pentru a indica o relație medie, albastrul indică o relație peste medie, iar coraiul indică o relație sub medie. Gradele de umbrire indică intensitatea relației. Această schemă de culori ne permite să confirmăm rapid un model evident. Celulele albastre de pe diagonala principală a tabelului arată că, în medie, oamenii acordă cele mai mari note pentru mărcile pe care le preferă. Și ne atrage rapid atenția asupra altor modele. Băutorii de Coca-Cola dau calificative sub medie pentru toate celelalte mărci, în timp ce băutorii de Pepsi-Max au o dispoziție pozitivă față de toate mărcile, cu excepția Coca-Cola.

Același principiu este folosit în minunatele hărți ale CDC. Harta de mai jos arată bolile de inimă pentru bărbați. Aici, verdele este folosit pentru a arăta sub medie și maro peste medie. Acesta este un continuum natural în natură, astfel încât creierul nostru are unele mecanisme încorporate pentru a înțelege scara. În plus, culorile au o semnificație evidentă în contextul datelor: verdele este sănătos; maro este pe moarte. Iar autorii au furnizat două legende, pentru a maximiza șansele ca oamenii să tragă deducțiile corecte din colorare.

Pentru a vă juca cu unele dintre aceste exemple în Displayr, faceți clic aici.