Open data Cul.T.A. Data Visualization

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

Transcript of Open data Cul.T.A. Data Visualization

Page 1: Open data Cul.T.A. Data Visualization

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

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

Page 3: Open data Cul.T.A. Data Visualization

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 6: Open data Cul.T.A. Data Visualization

EDA: Quantità

Page 7: Open data Cul.T.A. Data Visualization

EDA: Quantità

Page 8: Open data Cul.T.A. Data Visualization

EDA: Distribuzioni● Confronti● Outlier

Page 9: Open data Cul.T.A. Data Visualization

Relazioni (-> grafi)

Page 10: Open data Cul.T.A. Data Visualization

Relazioni (-> grafi)

Page 11: Open data Cul.T.A. Data Visualization

Dati geografici: punti

Page 12: Open data Cul.T.A. Data Visualization

Dati geografici: heatmap

Page 13: Open data Cul.T.A. Data Visualization

Dati geografici: choropleth

Page 15: Open data Cul.T.A. Data Visualization

EDA Tool: Foglio ElettronicoExcel,Calc,Fogli,Numeri,...e tabelle pivot

Page 16: Open data Cul.T.A. Data Visualization

EDA Tool: Tableauhttp://www.tableau.com/

Page 17: Open data Cul.T.A. Data Visualization

EDA Tool: Datawrapperhttps://datawrapper.de/

Page 18: Open data Cul.T.A. Data Visualization

Tool: Datawrapperhttps://datawrapper.de/

Page 19: Open data Cul.T.A. Data Visualization

Tool: Datawrapperhttps://datawrapper.de/

Page 20: Open data Cul.T.A. Data Visualization

Tool: RAWhttp://raw.densitydesign.org/

Page 21: Open data Cul.T.A. Data Visualization

Tool: uMaphttps://umap.openstreetmap.fr

Page 22: Open data Cul.T.A. Data Visualization

Tool: CartoDBhttps://cartodb.com

Page 23: Open data Cul.T.A. Data Visualization

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 24: Open data Cul.T.A. Data Visualization

Una buona visualizzazione

Page 25: Open data Cul.T.A. Data Visualization

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

Una buona visualizzazioneNon mente (oppure sì…)

Page 27: Open data Cul.T.A. Data Visualization

Una buona visualizzazioneNon mente (oppure sì…)

Page 28: Open data Cul.T.A. Data Visualization

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

Una buona visualizzazioneÈ chiara?

Page 30: Open data Cul.T.A. Data Visualization

Una buona visualizzazioneÈ chiara?

Page 31: Open data Cul.T.A. Data Visualization

Una buona visualizzazioneRacconta una sola storia

Page 32: Open data Cul.T.A. Data Visualization

Una buona visualizzazioneÈ chiara

Page 33: Open data Cul.T.A. Data Visualization

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

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

(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

(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

(WEB) Tool: Timeline.js

● Orientato alla visualizzazione di timeline● Javascript● Interattivo

https://timeline.knightlab.com/

Page 38: Open data Cul.T.A. Data Visualization

(WEB) Tool: infogr.am

● Orientato alla visualizzazione di infografiche● Web-based● Interattivo

https://infogr.am/

Page 39: Open data Cul.T.A. Data Visualization

(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

(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

Domande?Grazie per l'attenzione!

PERMANENT LINK TO THIS COMIC: HTTP://XKCD.COM/523/