Negli ultimi anni si è rivolta molta attenzione all'ambito dell'estetica delle informazioni, tanto che oggi il fenomeno risulta piuttosto diffuso e ramificato.
Ma quali sono i motivi per i quali è bene rappresentare graficamente un dataset? E che cosa si intende per Data Visualization?
Una breve spiegazione a questo fenomeno seguita da una raccolta di buoni e "cattivi" esempi di visualizzazione.
Progetto di Emanuela Giovannoni e Laura Pippinato
1. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
Emanuela Giovannoni
Laura Pippinato
L’ESTETICA DEI DATI
2. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
02 / 22
INTRO
“ ? *Teoria Interazione Esempi
Cosa troveremo
all’interno della
presentazione?
3. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
OPEN DATA
Come si presenta
un dataset
“
03 / 22
4. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
DATI
Quanti numeri
maggior di 1.0
sono presenti?
04 / 22
? 0.103 0.176 0.387 0.300 0.379 0.276 0.179 0.192
0.333 0.384 0.564 0.857 1.064 0.698 0.621 0.232
0.421 0.309 0.654 0.729 0.228 0.529 0.832 0.935
0.266 1.056 0.936 0.911 0.820 0.723 1.201 0.935
0.225 0.326 0.643 0.337 0.721 0.837 0.682 0.987
0.187 0.529 0.340 0.829 0.835 0.873 0.945 1.103
0.153 0.485 0.560 0.628 0.335 0.956 0.879 0.699
0.073 0.105 1.060 0.448 0.511 0.177 0.174 0.434
5. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
DATI
Quanti numeri
maggior di 1.0
sono presenti?
04 / 22
? 0.103 0.176 0.387 0.300 0.379 0.276 0.179 0.192
0.333 0.384 0.564 0.857 1.064 0.698 0.621 0.232
0.421 0.309 0.654 0.729 0.228 0.529 0.832 0.935
0.266 1.056 0.936 0.911 0.820 0.723 1.201 0.935
0.225 0.326 0.643 0.337 0.721 0.837 0.682 0.987
0.187 0.529 0.340 0.829 0.835 0.873 0.945 1.103
0.153 0.485 0.560 0.628 0.335 0.956 0.879 0.699
0.073 0.105 1.060 0.448 0.511 0.177 0.174 0.434
6. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
QUALI SONO I MOTIVI PER I QUALI È
BENE RAPPRESENTARE
GRAFICAMENTE UN DATASET?
1 2 3 4
5 6 7 8
MOTIVI
05 / 22
?
7. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
Il profilo di una curva rivela in un lampo l’intera situazione.
Operando in maniera preattentiva, le visualizzazioni veicolano
informazioni prima ancora che gli osservatori prestino attenzione.
1
MOTIV0
06 / 22
Chiarezza
Immediatezza
8. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
La nostra percezione del mondo è intrinsicamente legata allo
spazio e perciò i grafici risultano più
intuitivi e facili da
comprendere.
2
MOTIV0
07 / 22
Informazioni
spaziali
9. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
Gli elementi grafici permettono di classificare le informazione e i
dati, oltre a far comprendere in maniera chiara le gerarchie.
3
MOTIV0
08 / 22
Classificare le
informazioni
10. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
Utilizzare rappresentazioni grafiche permette di porter
considerare contemporaneamente un maggior numero di variabili
rispetto ad un testo letto.
4
MOTIV0
09 / 22
Memoria
esterna
11. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
Gli elementi grafici facilitano il confronto tra dati ed entità.5
MOTIV0
10 / 22
Comparare le
informazioni
12. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
Gli elementi grafici facilitano la creazione di libere associazioni
più facilmente rispetto a quelli numerici.
6
MOTIV0
11 / 22
Libere
associazioni
“Siamo più facilmente persuasi dalle ragioni scoperte da noi
stessi piuttosto che da quelle dateci dagli altri” Pascal
13. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
Rappresentare
graficamente dei
dati permette di
ottenere, a colpo
d’occhio, una
comprensione
olistica del
problema, non solo
una frazione di
esso.
7
MOTIV0
12 / 22
Colpo
d’occhio
14. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
Le immagini in termini spaziali permettono di rendere tangibili
processi narrativi o di trasformazione
8
MOTIV0
13 / 22
Rappresentare
processi
15. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
14 / 22
SVILUPPI
Negli ultimi anni si è
rivolta molta attenzione
all’ambito dell’estetica
delle informazioni, tanto
che oggi il fenomeno
risulta piuttosto
complesso.
“
INFORMATION
VISUALIZATION
DATA
VIS
STATISTICAL
GRAPH
THEMATIC
CARTO-
GRAPHY
INFOGRAPH
INFO
DESIGN
SCIENTIFI C
VIS
16. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
15 / 22
DATA VIS
Data visualization è lo studio delle
rappresentazione grafiche dei dati
ossia si tratta di informazioni numeriche che hanno subìto
un’astrazione e che sono state riassunte in una forma più
schematica.
“
17. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
INNOVAZIONI TECNOLOGICHE
OPEN DATA
INCREMENTO
DATI PRODOTTI
DATA VISUALIZATION
INCREMENTO
DATI RACCOLTI
Perchè si è
sviluppata ora?
16 / 22
DATA VIS
“
18. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
• oggettività
• interazione
• real time
OBBIETTIVO:
condurre all’analisi di
un problema
VS
• oggettività/soggettività
• staticità
• “old” data
OBBIETTIVO:
rappresentare una
precisa situazione
Quali sono le
differenze?
17 / 22
DATA VIS
“ DATA VISINFOGRAPH
19. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
Quando diventa
strumento per la
ricerca?
18 / 22
DATA VIS
“
Staticità Animazione Interazione Manipolazione attiva
INFOGRAPHIC DATA VIS
20. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
19 / 22
ESEMPI
*
www.newsmap.jp
21. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
20 / 22
ESEMPI
*
www.datainterfaces.
org/2011/11/twitter-oro-
graphies
22. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
21 / 22
ESEMPI
*
www.wefeelfine.org
23. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
22/ 22
ESEMPI
*
www.gapminder.org/
videos/200-years-that-
changed-the-world-bbc
24. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
*
CATTIVI ESEMPI
25. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
CATTIVI ESEMPI
*
26. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
CATTIVI ESEMPI
*
27. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
CATTIVI ESEMPI
*
28. Politecnico di Torino Laboratorio Materiali e Modelli III - Corso di Laurea in Progetto Grafico e Virtuale
CATTIVI ESEMPI
*