open data cul.t.a. data visualization
TRANSCRIPT
![Page 1: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/1.jpg)
Data Visualization ToolsMatteo Fortini
Cul.T.A. Open Data per il Territorio: Cultura, Turismo, AmbienteRavenna, 20 Ottobre 2015
![Page 2: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/2.jpg)
Usiamo la visualizzazione● Per esplorare i dati (EDA)● Per raccontare una storia basata sui dati
![Page 3: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/3.jpg)
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
![Page 4: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/4.jpg)
EDA: Relazioni fra grandezzeAnscombe'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
![Page 5: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/5.jpg)
EDA: Relazioni fra grandezze
"Petal-sepal". Licensed under CC BY-SA 3.0 via Commons
![Page 6: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/6.jpg)
EDA: Quantità
![Page 7: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/7.jpg)
EDA: Quantità
![Page 8: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/8.jpg)
EDA: Distribuzioni● Confronti● Outlier
![Page 9: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/9.jpg)
Relazioni (-> grafi)
![Page 10: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/10.jpg)
Relazioni (-> grafi)
![Page 11: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/11.jpg)
Dati geografici: punti
![Page 12: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/12.jpg)
Dati geografici: heatmap
![Page 13: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/13.jpg)
Dati geografici: choropleth
![Page 14: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/14.jpg)
Dati temporali: sankey
"Minard" by Charles Minard (1781-1870) - see upload log. Licensed under Public Domain via Wikimedia Commons
![Page 15: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/15.jpg)
EDA Tool: Foglio ElettronicoExcel,Calc,Fogli,Numeri,...e tabelle pivot
![Page 16: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/16.jpg)
EDA Tool: Tableauhttp://www.tableau.com/
![Page 17: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/17.jpg)
EDA Tool: Datawrapperhttps://datawrapper.de/
![Page 18: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/18.jpg)
Tool: Datawrapperhttps://datawrapper.de/
![Page 19: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/19.jpg)
Tool: Datawrapperhttps://datawrapper.de/
![Page 20: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/20.jpg)
Tool: RAWhttp://raw.densitydesign.org/
![Page 21: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/21.jpg)
Tool: uMaphttps://umap.openstreetmap.fr
![Page 22: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/22.jpg)
Tool: CartoDBhttps://cartodb.com
![Page 23: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/23.jpg)
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, …)
![Page 25: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/25.jpg)
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
![Page 26: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/26.jpg)
Una buona visualizzazioneNon mente (oppure sì…)
![Page 28: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/28.jpg)
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
![Page 29: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/29.jpg)
Una buona visualizzazioneÈ chiara?
![Page 30: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/30.jpg)
Una buona visualizzazioneÈ chiara?
![Page 31: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/31.jpg)
Una buona visualizzazioneRacconta una sola storia
![Page 32: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/32.jpg)
Una buona visualizzazioneÈ chiara
![Page 33: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/33.jpg)
Una buona visualizzazioneContiene tutti gli elementi per l'interpretazione
● Assi● Unità di misura● Titolo● Didascalia● Legenda● Fonti
![Page 34: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/34.jpg)
Tool: R(RStudio)+Web
● Originariamente software statistico● Completissimo● Rigoroso● Difficile● Grafica molto potente● Estendibile al web: rCharts, shiny, …
https://www.rstudio.com/
![Page 35: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/35.jpg)
(WEB)Tool: Leaflet
● Orientato alle mappe● Javascript● Alla base di molti tool come umap● Grafica molto potente
http://leafletjs.com/
![Page 36: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/36.jpg)
(WEB) Tool: SigmaJS
● Orientato alla visualizzazione di grafi● Javascript● Versione web di Gephi● Dinamico
http://sigmajs.org/
![Page 37: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/37.jpg)
(WEB) Tool: Timeline.js
● Orientato alla visualizzazione di timeline● Javascript● Interattivo
https://timeline.knightlab.com/
![Page 38: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/38.jpg)
(WEB) Tool: infogr.am
● Orientato alla visualizzazione di infografiche● Web-based● Interattivo
https://infogr.am/
![Page 39: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/39.jpg)
(WEB) Tool: Plot.ly
● Da R, Python, Matlab al web● Web-based● Interattivo● Offline a pagamento
https://plot.ly/
![Page 40: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/40.jpg)
(WEB) Tool: D3.JS
● Generico, potente● Javascript● Alla base di quasi tutti i tool web-based
http://d3js.org/
![Page 41: Open data Cul.T.A. Data Visualization](https://reader034.vdocuments.mx/reader034/viewer/2022051404/5882c8ea1a28abb2478b765f/html5/thumbnails/41.jpg)
Domande?Grazie per l'attenzione!
PERMANENT LINK TO THIS COMIC: HTTP://XKCD.COM/523/