Assostampa della Basilicata - Matera - 17/01/2014
Mappe, infografiche e visualizzazioni interattive - 2
Alessio Cimarelli
forMedia®
data journalism & data viz
made in Italy
Dataninja nasce dall'incontro tra un giornalista della carta stampata (Andrea Nelson Mauro | @nelsonmau) e un ricercatore / giornalista scientifico / sviluppatore (io).
Tratti in comune: passione, curiosità, voglia di imparare...
quando i dati raccontano storie
Immagine di Massimo Gentile | @tmaxgentile | bolditalic.com
quando i dati raccontano storie
Bilancio 2013 del comune di Bagnocavallo (Ravenna) analizzato e visualizzato da Franco Morelli | @eccolimoro
quando i dati raccontano storie
Mappa del turismo e della tassa di soggiorno nella provincia di Siena prodotta da Andrea Angeli | @AndAngeli
quanti passi devo fare...
Per arrivare al tuo castello con la fede e con l'anello, con la punta del coltello?
- Trovare i dati e annusare la notizia
- Scaricarli e trasformarne il formato per renderli utilizzabili
- Pulirli!
- Analizzarli, confrontarli e incrociarli con altri
- Isolare le informazioni rilevanti e scoprire la notizia
- Comunicare la notizia (testo, infografiche, viz, app)
Nel data journalism, in fin dei conti, c'è più journalism che data...
Gioco d'azzardo
... pubblicata in più puntate su Wired e Il Secolo XIX e con uno spin-off su Domani Andriese e Corato Live.
profumo di notizie
Grande attenzione per le tematiche del gioco d'azzardo: proteste (NoSlot, SlotMob), regolamenti comunali e regionali, discussioni politico / fiscali, ecc.
meccanismi e regole
Un'attività commerciale che voglia installare slot machine deve chiedere l'autorizzazione all'Agenzia dei Monopoli di Stato.
Open data
L'AAMS pubblica l'elenco delle autorizzazioni on-line...
Dove sono 'ste slot?
Quando si parla di gioco d'azzardo, di fonti se ne trovano tante, ma spesso sono informazioni globali, complessive, aggregate.
Nel 2013 gli italiani hanno speso circa 17 miliardi di euro
Nel 2013 in Italia sono state rilasciate circa 110 mila autorizzazioni a installare slot
Il numero di italiani che soffrono di ludopatia arriva a un milione e mezzo
Ma come rispondere a una domanda localmente rilevante?
i dati dell'aams
Ecco cosa rilascia l'AAMS sul suo sito:
- Denominazione (Wine Bar Il Vizio)
- Indirizzo (Via Loperfido, 28)
- Tipologia (Bar)
- Dimensione (74 mq)
- Titolare (Fabrizio Giandomenico)
Belli, ma...
A Matera nel 2013 più di 100 esercizi commerciali sono stati autorizzati dallo Stato a installare Newslot e VLT.
Tutti i dati sono pubblicati in tre tabelle inserite in altrettante pagine web: anche solo contarli è difficile!
web scraping
È l'arte di estrarre informazioni strutturate dalle pagine web: da una tabella HTML a un foglio di calcolo... con cui fare i calcoli!
Pillole di tecnologie web
Tutto ciò che si vede del web è il risultato di tre linguaggi.
HTML
<html><head><title>Box</title></head><body><div id="box"></div></body></html>
CSS
body { width: 50%; margin: auto; font-family: Arial, sans-serif; color: black; }
Javascript
document.getElementById("box").onclick = function(e) { alert("Box clicked!"); }
Il primo descrive la struttura, il secondo lo stile, il terzo il comportamento... un computer capisce solo questi linguaggi!
Una tabella in una pagina web
<table> <!-- Inizio tabella -->
<thead> <!-- Inizio intestazione -->
<tr> <!-- Inizio riga -->
<th>Titolo 1</th>
<th>Titolo 2</th>
</tr> <!-- Fine riga -->
</thead> <!-- Fine intestazione -->
<tbody> <!-- Inizio corpo -->
<tr> <!-- Inizio riga -->
<td>Contenuto 1</td> <!-- Cella 1 -->
<td>Contenuto 2</td> <!-- Cella 2 -->
<tr> <!-- Fine riga -->
</tbody>
</table>
Una tabella in una pagina web
| Titolo 1 | Titolo 2 |
|---|---|
| Contenuto 1 | Contenuto 2 |
| Contenuto 3 | Contenuto 4 |
| Contenuto 5 | Contenuto 6 |
Si tratta di imparare a parlare con il computer nella sua lingua... anche a gesti e con una pessima pronuncia, basta capirsi!
Grat grat
Voglio quello che dico io, come lo dico io... ma devi fare (quasi) tutto tu!
C'è un linguaggio specifico per navigare una struttura HTML, in cui indicare e da cui estrarre con precisione chirurgica le informazioni che si desiderano
XPATH
il minatore dei dati
Plugin per Chrome: http://dtnj.it/dataminer.
Minatori alle slot
Applicando
a
si ottiene
e
scriviamo il pezzo
Occhiello
Titolo
Sommario
Attacco
Notizia
Corpo
Chiusa
Tutto come al solito, però questa volta abbiamo dati e numeri.
Li possiamo raccontare a parole oppure visualizzarli.
Datawrapper
Ideato e sviluppato da giornalisti tedeschi (e tradotto in italiano da dataninja), è un servizio gratuito per produrre grafici interattivi in soli 4 passi:
- Carica i dati
- Verifica e descrivi
- Visualizza
- Pubblica ed esporta
Ottimo tutorial: http://docs.datawrapper.de/it/tutorial/.
that's all, folks!
alessio.cimarelli@gmail.com