Realització d’informes turístics i memòries:

Visualització de dades amb Canva i Flourish

FONAMENTS DE LA VISUALITZACIÓ

FONAMENTS DE LA VISUALITZACIÓ DE DADES

1. Diferències entre la Infografia i visualització de Dades

Infografia

La representació gràfica de conceptes, o patrons en dades o informació

OXFORD DICTIONARY

A visual presentation of information in the form of a chart, graph, or other image accompanied by minimal text, intended to give an easily understood overview, often of a complex subject

Exemples infografies

PERFIL DEL TURISTA QUE VE A BARCELONA, COM ARRIBA, D’ON VE I ON S’ALLOTJA
Font: Perfil i hàbits dels turistes a la ciutat de Barcelona 2017. Ajuntament de Barcelona.

Autor: Astrid Ortiz

Exemples infografies

La informació visual ajuda al lector a comprendre millor la informació

Visualització de dades

“la representació gràfica de dades o conceptes, que té com a resultat una imatge mental o un artefacte extern que ajuda a la presa de decisions”

C. Ware 2000

Translació de dades a un contex visual

Visualització de dades

A diferència de la infografia, on poden haver elements informatius simbòlics qualitatius, combinats amb elements quantitatius, la visualització de dades és la representació gràfica dels patrons de dades quantitatius que ajuden a la presa de decisió. Darrere d'una visualització de dades sempre hi ha un dataset

Visualització de dades

Charles Minard, 1869

History: https://history.infowetrust.com/

Visualització de dades

Tot i que ara mateix hi ha una auge de la visualització de dades des de la irrupció del Bigdata, no és una disciplina novedosa

Per a què serveix?

detectar patrons
interacció
explorar
personalizar
analitzar en profunditat
prendre decisions

Exemples

visualització

de dades

Gràfics estàtics

Exemples visualització de dades

Gràfics interactius

Permeten l'exploració

Els gràfics

interactius es poden convertir en format estàtic per a imprimir, però s'han d'adaptar

Filtres

Exemples visualització de dades

Gràfics estàtics adaptats

Els gràfics en format estàtic (per imprimir) perden la interacció, i al no funcionar els filtres, la informació s'ha de duplicar

Exemples visualització de dades

Quadres de

comandament (visors)

dashboards

Exemples visualització de dades

Quadres de comandament (visors)

Dashboards

BONES PRÀCTIQUES

DE LA VISUALITZACIÓ

EN 9 PASSOS

1.- ESCOLLIR EL TIPUS DE GRÀFIC

Abans de començar a visualitzar, hem de tenir clar quin tipus de gràfic ens serveix per representar cada concepte. Per això et recomano que comptis amb un diccionari visual, com el del Finantial Times.

Obre el diccionari i mira quins gràfics corresponen a cada concepte

No més de 7 colors en un gràfic
El gris, el teu millor amic
Fes servir colors intuitius (pero fuig dels estereotips Home-Dona)

2. US DEL COLOR

Si no saps quins colors escollir, fes servir paletes de colors; funcionen!

2. US DEL COLOR

Fes click al globus i observa com amb només dos colors es pot dirigir l'atenció de l'usuari

2 4 3 5 6 4 3 7 6 5 3

4 3 4 5 4 1 3 2 8 9 7

5 4 6 7 2 1 5 0 6 5 4

2 6 7 8 9 3 1 2 4 0 1

5 3 4 0 9 2 5 4 7 7 2

5 4 1 1 2 0 9 0 9 5 6

2 4 3 5 6 4 3 7 6 5 3

4 3 4 5 4 1 3 2 8 9 7

5 4 6 7 2 1 5 0 6 5 4

2 6 7 8 9 3 1 2 4 0 1

5 3 4 0 9 2 5 4 7 7 2

5 4 1 1 2 0 9 0 9 5 6

2 4 3 5 6 4 3 7 6 5 3

4 3 4 5 4 1 3 2 8 9 7

5 4 6 7 2 1 5 0 6 5 4

2 6 7 8 9 3 1 2 4 0 1

5 3 4 0 9 2 5 4 7 7 2

5 4 1 1 2 0 9 0 9 5 6

Fes click aquí sota

Quants números 2 veus

al primer quadrant? I en segon?

I el tercer?

El més important!

Quant temps trigues en descobrir

quants números 2 hi ha?

Fes click aquí sota

"Think about subway maps, which are abstracted from the complex shape of the city and are focused on the rider’s goal: to get from one place to the next"

Visualizing Data by Ben Fry