SlideShare a Scribd company logo
Data Visualization Tools
Matteo Fortini
Cul.T.A. Open Data per il Territorio: Cultura, Turismo, Ambiente
Ravenna, 20 Ottobre 2015
Usiamo la visualizzazione
● Per esplorare i dati (EDA)
● Per raccontare una storia basata sui dati
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
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
EDA: Relazioni fra grandezze
"Petal-sepal". Licensed under CC BY-SA 3.0 via Commons
EDA: Quantità
EDA: Quantità
EDA: Distribuzioni
● Confronti
● Outlier
Relazioni (-> grafi)
Relazioni (-> grafi)
Dati geografici: punti
Dati geografici: heatmap
Dati geografici: choropleth
Dati temporali: sankey
"Minard" by Charles Minard (1781-1870) - see upload log. Licensed under Public Domain via Wikimedia Commons
EDA Tool: Foglio Elettronico
Excel,Calc,Fogli,Numeri,...e tabelle pivot
EDA Tool: Tableau
http://www.tableau.com/
EDA Tool: Datawrapper
https://datawrapper.de/
Tool: Datawrapper
https://datawrapper.de/
Tool: Datawrapper
https://datawrapper.de/
Tool: RAW
http://raw.densitydesign.org/
Tool: uMap
https://umap.openstreetmap.fr
Tool: CartoDB
https://cartodb.com
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, …)
Una buona visualizzazione
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
Una buona visualizzazione
Non mente (oppure sì…)
Una buona visualizzazione
Non mente (oppure sì…)
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
Una buona visualizzazione
È chiara?
Una buona visualizzazione
È chiara?
Una buona visualizzazione
Racconta una sola storia
Una buona visualizzazione
È chiara
Una buona visualizzazione
Contiene tutti gli elementi per
l'interpretazione
● Assi
● Unità di misura
● Titolo
● Didascalia
● Legenda
● Fonti
Tool: R(RStudio)+Web
● Originariamente software statistico
● Completissimo
● Rigoroso
● Difficile
● Grafica molto potente
● Estendibile al web: rCharts, shiny, …
https://www.rstudio.com/
(WEB)Tool: Leaflet
● Orientato alle mappe
● Javascript
● Alla base di molti tool come umap
● Grafica molto potente
http://leafletjs.com/
(WEB) Tool: SigmaJS
● Orientato alla visualizzazione di grafi
● Javascript
● Versione web di Gephi
● Dinamico
http://sigmajs.org/
(WEB) Tool: Timeline.js
● Orientato alla visualizzazione di timeline
● Javascript
● Interattivo
https://timeline.knightlab.com/
(WEB) Tool: infogr.am
● Orientato alla visualizzazione di infografiche
● Web-based
● Interattivo
https://infogr.am/
(WEB) Tool: Plot.ly
● Da R, Python, Matlab al web
● Web-based
● Interattivo
● Offline a pagamento
https://plot.ly/
(WEB) Tool: D3.JS
● Generico, potente
● Javascript
● Alla base di quasi tutti i tool web-based
http://d3js.org/
Domande?
Grazie per l'attenzione!
PERMANENT LINK TO THIS COMIC: HTTP://XKCD.COM/523/

More Related Content

PDF
Tumore fibroso solitario extrapleurico del cavo orale: case report.
PDF
Paolo Guadagni - La visualizzazione di dati e informazioni: Il punto di vista...
PDF
Densitydesign HHMilano
PPT
Information Visualization Using Mashups
PPTX
Better Software | Oltre il cruscotto (Beyond the Dashboard)
PDF
Living with Information
PDF
A Didactical Framework to Experiment the Potential of Visual Languages in Eng...
PDF
Complexity Maps. Representing urban territories and communities.
Tumore fibroso solitario extrapleurico del cavo orale: case report.
Paolo Guadagni - La visualizzazione di dati e informazioni: Il punto di vista...
Densitydesign HHMilano
Information Visualization Using Mashups
Better Software | Oltre il cruscotto (Beyond the Dashboard)
Living with Information
A Didactical Framework to Experiment the Potential of Visual Languages in Eng...
Complexity Maps. Representing urban territories and communities.

Viewers also liked (9)

PDF
Conoscenza progettuale collaborativa. La rete come modello per attività creat...
PPTX
PDF
Il data visualization è una cagata pazzesca
PDF
Infografica e DataViz nel mondo dell'editoria e delle aziende
PDF
Mind the Graph! A Discussion on the Design of the Network
PDF
Data Driven UX - Data Visualization
PDF
Information Visualization Workshop, ASIS&T 2015
PDF
Nudge by Design (2015 Data Transparency Conference @MIT)
PDF
Visual Design with Data
Conoscenza progettuale collaborativa. La rete come modello per attività creat...
Il data visualization è una cagata pazzesca
Infografica e DataViz nel mondo dell'editoria e delle aziende
Mind the Graph! A Discussion on the Design of the Network
Data Driven UX - Data Visualization
Information Visualization Workshop, ASIS&T 2015
Nudge by Design (2015 Data Transparency Conference @MIT)
Visual Design with Data
Ad

Similar to Open data Cul.T.A. Data Visualization (20)

PPTX
UniCatt2015
PDF
Medie2223_DATA Visualization_ i tool principali
PDF
Comprendere i dati: strumenti principali
PPTX
2.8 Visualizzare i dati: strumenti
PDF
Strumenti e suggerimenti per creare grafici
PPT
2.7 Data Visualization: strumenti
PPTX
ASOC2223- Data Visualization Tools
PDF
La visualizzazione dei Big Data: opportunità e sfide - di Stefano De Francisci
PDF
Data Visualization: strumenti
PPTX
Infografica e visualizzazione dei dati
PDF
3.6 Visualizzare i dati: come fare e quali tool usare
PDF
Data Visualization Lab - #SOD14 - Bologna - 30 marzo 2014
PPT
Le INFOGRAFICHE (dinamiche)
PDF
Designing Infovis
PPTX
10 tools per visualizzare i vostri dati
PDF
Open Data & Data Visualization: dalle licenze ai grafici | Bologna, 16 giugno...
PDF
Data Journalism: strumenti operativi | Bologna, 9 giugno 2014
PDF
Data Visualization @ UniCatt
PPTX
Presentazione lezione
PPT
Inventing Discovery Tools
UniCatt2015
Medie2223_DATA Visualization_ i tool principali
Comprendere i dati: strumenti principali
2.8 Visualizzare i dati: strumenti
Strumenti e suggerimenti per creare grafici
2.7 Data Visualization: strumenti
ASOC2223- Data Visualization Tools
La visualizzazione dei Big Data: opportunità e sfide - di Stefano De Francisci
Data Visualization: strumenti
Infografica e visualizzazione dei dati
3.6 Visualizzare i dati: come fare e quali tool usare
Data Visualization Lab - #SOD14 - Bologna - 30 marzo 2014
Le INFOGRAFICHE (dinamiche)
Designing Infovis
10 tools per visualizzare i vostri dati
Open Data & Data Visualization: dalle licenze ai grafici | Bologna, 16 giugno...
Data Journalism: strumenti operativi | Bologna, 9 giugno 2014
Data Visualization @ UniCatt
Presentazione lezione
Inventing Discovery Tools
Ad

More from Matteo Fortini (11)

PDF
TerremotoCentroItalia.info
PDF
Open Source, Open Data, Giornalismo e non solo
PDF
ODD17 imola
PDF
Bilancio di previsione Comune di Cento 2017-2019
PDF
Startup… coworking… e il Comune?
PDF
2015-06-05 SMAU Bologna Digital Champions Academy: Civic Hacking
PDF
I pericoli di Internet
PDF
Da zero a maker: condivisione, collaborazione, open source
PDF
Chi controlla l'integrità dei dati?
PDF
Makers: Una rivoluzione tutta Open Source
PDF
ZeroMQ e Redis: soluzioni open source per l'integrazione di componenti
TerremotoCentroItalia.info
Open Source, Open Data, Giornalismo e non solo
ODD17 imola
Bilancio di previsione Comune di Cento 2017-2019
Startup… coworking… e il Comune?
2015-06-05 SMAU Bologna Digital Champions Academy: Civic Hacking
I pericoli di Internet
Da zero a maker: condivisione, collaborazione, open source
Chi controlla l'integrità dei dati?
Makers: Una rivoluzione tutta Open Source
ZeroMQ e Redis: soluzioni open source per l'integrazione di componenti

Open data Cul.T.A. Data Visualization