Introduzione alla Data Visualization: caratteristiche, possibili utilizzi ed esempi. Panoramica sui principali strumenti di visualizzazione dati e iniziative da tener d'occhio.

1. T R A S F O R M A R E N U M E R I
I N D ATA V I S U A L I Z AT I O N
L A U R A P I P P I N AT O
Luogo: WINS - TorinoWeb: www.top-ix.org Data: 13 aprile 2018

2. 2
TOP-IXCONSORTIUM|www.top-ix.org
Laura Pippinato
Visual Designer @TOP-IX
@LauraPippinato
Hi!

3. 3
TOP-IXCONSORTIUM|www.top-ix.org
TOP-IX
Consorzio no-profit di Torino
/ Infrastructure
/ Innovation
/ Technology

4. 4
TOP-IXCONSORTIUM|www.top-ix.org
#DATAVIZ
#DataVisualization
A voi
la parola

5. 5
TOP-IXCONSORTIUM|www.top-ix.org
Visualizzare dati
data, data, data

6. 6
TOP-IXCONSORTIUM|www.top-ix.org
Visualizzare dati
data, data, data
Data is the new oil.

7. 7
TOP-IXCONSORTIUM|www.top-ix.org
Data is the new oil.
It’s valuable, but if unrefined it cannot really be used.
Visualizzare dati
data, data, data

8. 8
TOP-IXCONSORTIUM|www.top-ix.org
Data Visualization
Qualche definizione
Numeri
Informazioni
Oggetti visiviRaw data

9. 9
TOP-IXCONSORTIUM|www.top-ix.org
Esempio pratico
Quanti numeri superiori a 1 sono presenti?
0.103
0.333
0.421
0.266
0.225
0.187
0.153
0.073
0.176
0.384
0.309
1.056
0.326
0.519
0.481
0.105
0.387
0.561
0.614
0.931
0.643
0.340
0.560
1.060
0.300
0.871
0.729
0.911
0.331
0.829
0.161
0.488
0.379
1.064
0.228
0.810
0.721
2.087
0.471
0.170
0.179
0.064
1.529
0.213
0.061
0.087
1.481
0.710
0.192
0.232
0.931
0.154
0.371
1.103
0.699
0.433

10. 10
TOP-IXCONSORTIUM|www.top-ix.org
Esempio pratico
Quanti numeri superiori a 1 sono presenti?
0.103
0.333
0.421
0.266
0.225
0.187
0.153
0.073
0.176
0.384
0.309
1.056
0.326
0.519
0.481
0.105
0.387
0.561
0.614
0.931
0.643
0.340
0.560
1.060
0.300
0.871
0.729
0.911
0.331
0.829
0.161
0.488
0.379
1.064
0.228
0.810
0.721
2.087
0.471
0.170
0.179
0.064
1.529
0.213
0.061
0.087
1.481
0.710
0.192
0.232
0.931
0.154
0.371
1.103
0.699
0.433

11. 11
TOP-IXCONSORTIUM|www.top-ix.org
Data Visualization
Qualche definizione
Numeri
Informazioni
Oggetti visiviRaw data
Data Visualization è ogni tipo di rappresentazione che supporta l’esplorazione,
l’analisi e la comunicazione dei dati

12. 12
TOP-IXCONSORTIUM|www.top-ix.org
Data Visualization
Tra percezione ed informazioni
Chiarezza
Immediatezza

13. 13
TOP-IXCONSORTIUM|www.top-ix.org
Data Visualization
Tra percezione ed informazioni
Chiarezza
Immediatezza
Informazioni
spaziali

14. 14
TOP-IXCONSORTIUM|www.top-ix.org
Data Visualization
Tra percezione ed informazioni
Chiarezza
Immediatezza
Informazioni
spaziali
Classificare
le informazioni

15. 15
TOP-IXCONSORTIUM|www.top-ix.org
Data Visualization
Comparare
le informazioni
Tra percezione ed informazioni

16. 16
TOP-IXCONSORTIUM|www.top-ix.org
Data Visualization
Comparare
le informazioni
Facilita la creazione
di libere associazioni
Tra percezione ed informazioni

17. 17
TOP-IXCONSORTIUM|www.top-ix.org
Data Visualization
Caratteristiche ed utilizzi
Aiuta nell’analisi delle dinamiche e
negli studi dei comportamenti
#dashboard
Google Analytics

18. 18
TOP-IXCONSORTIUM|www.top-ix.org
Data Visualization
Permette di fare delle previsioni
ed ottimizza i processi decisionali
#decision-making
Google Trends
Caratteristiche ed utilizzi

19. 19
TOP-IXCONSORTIUM|www.top-ix.org
Comunica e permette di condividere informazioni
complesse in maniera facilmente fruibile
Mailchimp
Annual Report 2012
#ComunicazioneEfficace
Data Visualization
Caratteristiche ed utilizzi

20. 20
TOP-IXCONSORTIUM|www.top-ix.org
Aumenta l’affidabilità
del servizio
Data Visualization
Caratteristiche ed utilizzi

21. 21
TOP-IXCONSORTIUM|www.top-ix.org
INNOVARE
Creare nuovi prodotti e servizi
Data Visualization
Caratteristiche ed utilizzi

22. 22
TOP-IXCONSORTIUM|www.top-ix.org
Esempi /1
#Finanza
Where does my money go
http://app.wheredoesmymoneygo.org

23. 23
TOP-IXCONSORTIUM|www.top-ix.org
Esempi /2
#TrasportoPubblico
CityChrone - http://citychrone.org/city/Turin

24. 24
TOP-IXCONSORTIUM|www.top-ix.org
Esempi /2
#TrasportoPubblico
Mappa in tempo reale dei mezzi pubblici di Berlino
https://goo.gl/6c28aj

25. 25
TOP-IXCONSORTIUM|www.top-ix.org
Esempi /3
#Formazione #Scuola
1869, Minard

26. 26
TOP-IXCONSORTIUM|www.top-ix.org
Esempi /3
#Formazione #Scuola
https://1812.tass.ru/en

27. 27
TOP-IXCONSORTIUM|www.top-ix.org
Esempi /4
#Migranti
The Stories Behind
A Line
http://
www.storiesbehi
ndaline.com

28. 28
TOP-IXCONSORTIUM|www.top-ix.org
Esempi /5
#City
Reshaping New York
http://www.nytimes.com/newsgraphics/2013/08/18/reshaping-new-york/index.html

29. 29
TOP-IXCONSORTIUM|www.top-ix.org
DataViz Process
Step by step
Acquire
Filter
Parse
Mine
Represent
Refine
Interact

30. 30
TOP-IXCONSORTIUM|www.top-ix.org
DataViz Process
Tools

31. 31
TOP-IXCONSORTIUM|www.top-ix.org
DataViz Process
Tools: Acquire
Dashboard di raccolta dati
https://trends.google.it/trends
Portali Open Data
http://www.dati.piemonte.it
Portali statistiche e dati di mercato
http://dati.istat.it

32. 32
TOP-IXCONSORTIUM|www.top-ix.org
DataViz Process
Tools: Parse and Filter
Microsoft Excel OpenRefine

33. 33
TOP-IXCONSORTIUM|www.top-ix.org
DataViz Process
Tools: Represent
Google Charts
https://developers.google.com/chart
RAWGraph
http://rawgraphs.io

34. 34
TOP-IXCONSORTIUM|www.top-ix.org
DataViz Process
Tools: Represent
Timeline.js - http://timeline.knightlab.com
RAWGraph

35. 35
TOP-IXCONSORTIUM|www.top-ix.org
DataViz Process
Tools: Interact
Tableau
https://www.tableau.com
D3.js
https://d3js.org

36. 36
TOP-IXCONSORTIUM|www.top-ix.org
Data Visualization
Next steps: corsi di formazione e concorsi

37. 37
TOP-IXCONSORTIUM|www.top-ix.org
Data Visualization
Next steps: corsi di formazione e concorsi
BIG DIVE Into DATAVIZ - www.bigdive.eu
5 giorni per diventare acquisire le nozioni di base per creare DataViz interattive con D3.js

38. 38
TOP-IXCONSORTIUM|www.top-ix.org
Data Visualization
Next steps: corsi di formazione e concorsi
Faber
www.fabermeeting.it
Piemonte Visual Contest
www.piemontevisualcontest.eu

39. T h a n k s !
Luogo: WINS - TorinoWeb: www.top-ix.org Data: 13 aprile 2018