Lezione sulla Data Visualization tenuta alla Summer School sugli Open Data per la Cultura, il Turismo e l'Ambiente http://culta.cirsfid.unibo.it/

1. Data Visualization Tools
Matteo Fortini
Cul.T.A. Open Data per il Territorio: Cultura, Turismo, Ambiente
Ravenna, 20 Ottobre 2015

2. Usiamo la visualizzazione
● Per esplorare i dati (EDA)
● Per raccontare una storia basata sui dati

3. Exploratory Data Analysis
● Grafi "grezzi": non curiamo etichette, titoli,
didascalie
● Cerchiamo relazioni o pattern
● Cerchiamo distribuzioni e outliers
● Usiamo la forma, il colore, la
distribuzione spaziale

4. EDA: Relazioni fra grandezze
Anscombe's quartet (1973):
● stessa media
● stessa varianza
● stessa regressione
● molto diverse
"Anscombe's quartet 3" by Anscombe.svg: Schutzderivative work (label using
subscripts): Avenue (talk) - Anscombe.svg. Licensed under CC BY-SA 3.0 via
Commons

5. EDA: Relazioni fra grandezze
"Petal-sepal". Licensed under CC BY-SA 3.0 via Commons

6. EDA: Quantità

7. EDA: Quantità

8. EDA: Distribuzioni
● Confronti
● Outlier

9. Relazioni (-> grafi)

10. Relazioni (-> grafi)

11. Dati geografici: punti

12. Dati geografici: heatmap

13. Dati geografici: choropleth

14. Dati temporali: sankey
"Minard" by Charles Minard (1781-1870) - see upload log. Licensed under Public Domain via Wikimedia Commons

15. EDA Tool: Foglio Elettronico
Excel,Calc,Fogli,Numeri,...e tabelle pivot

16. EDA Tool: Tableau
http://www.tableau.com/

17. EDA Tool: Datawrapper
https://datawrapper.de/

18. Tool: Datawrapper
https://datawrapper.de/

19. Tool: Datawrapper
https://datawrapper.de/

20. Tool: RAW
http://raw.densitydesign.org/

21. Tool: uMap
https://umap.openstreetmap.fr

22. Tool: CartoDB
https://cartodb.com

23. Visualizzazione
● Permette di descrivere le informazioni in
modo chiaro e diretto
● Può essere dedicata alla stampa
● Oppure al web
● Nel secondo caso, possibilmente è
interattiva (zoom, ricerca, …)

24. Una buona visualizzazione

25. Una buona visualizzazione
● Non mente (oppure sì…)
● È chiara
● Racconta una (sola) storia
● Contiene tutti gli elementi per
l'interpretazione
● Specifica una licenza
● Fornisce accesso ai dati raw

26. Una buona visualizzazione
Non mente (oppure sì…)

27. Una buona visualizzazione
Non mente (oppure sì…)

28. Una buona visualizzazione
Cleveland e McGill (1984) "Graphical perception: theory, experimentation and application to the
development of graphical methods" NB non è una legge.
È chiara
Sempre minore accuratezza percettiva

29. Una buona visualizzazione
È chiara?

30. Una buona visualizzazione
È chiara?

31. Una buona visualizzazione
Racconta una sola storia

32. Una buona visualizzazione
È chiara

33. Una buona visualizzazione
Contiene tutti gli elementi per
l'interpretazione
● Assi
● Unità di misura
● Titolo
● Didascalia
● Legenda
● Fonti

34. Tool: R(RStudio)+Web
● Originariamente software statistico
● Completissimo
● Rigoroso
● Difficile
● Grafica molto potente
● Estendibile al web: rCharts, shiny, …
https://www.rstudio.com/

35. (WEB)Tool: Leaflet
● Orientato alle mappe
● Javascript
● Alla base di molti tool come umap
● Grafica molto potente
http://leafletjs.com/

36. (WEB) Tool: SigmaJS
● Orientato alla visualizzazione di grafi
● Javascript
● Versione web di Gephi
● Dinamico
http://sigmajs.org/

37. (WEB) Tool: Timeline.js
● Orientato alla visualizzazione di timeline
● Javascript
● Interattivo
https://timeline.knightlab.com/

38. (WEB) Tool: infogr.am
● Orientato alla visualizzazione di infografiche
● Web-based
● Interattivo
https://infogr.am/

39. (WEB) Tool: Plot.ly
● Da R, Python, Matlab al web
● Web-based
● Interattivo
● Offline a pagamento
https://plot.ly/

40. (WEB) Tool: D3.JS
● Generico, potente
● Javascript
● Alla base di quasi tutti i tool web-based
http://d3js.org/

41. Domande?
Grazie per l'attenzione!
PERMANENT LINK TO THIS COMIC: HTTP://XKCD.COM/523/