SlideShare a Scribd company logo
1 of 58
Download to read offline
Webinar Istat «Cultura statistica +»
Roma, 12.12.2019
Michele Ferrara
Responsabile attività Data visualization e webpublishing – Direzione diffusione e comunicazione
Visualizzazione
dati
Webpublishing
• La visualizzazione grafica a supporto dell'analisi dei dati
• Catturare l'attenzione con i grafici
• Regole per la scelta del grafico
• Regole per l’editing
• Interattività, web tools: dalla matrice di dati al grafico in 4 passaggi.
2
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
3
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
x1 y1 x2 y2 x3 y3 x4 y4
10 10 10 8 8.04 9.14 7.46 6.58
8 8 8 8 6.95 8.14 6.77 5.76
13 13 13 8 7.58 8.74 12.74 7.71
9 9 9 8 8.81 8.77 7.11 8.84
11 11 11 8 8.33 9.26 7.81 8.47
14 14 14 8 9.96 8.10 8.84 7.04
6 6 6 8 7.24 6.13 6.08 5.25
4 4 4 19 4.26 3.10 5.39 12.50
12 12 12 8 10.84 9.13 8.15 5.56
7 7 7 8 4.82 7.26 6.42 7.91
5 5 5 8 5.68 4.74 5.73 6.89
Il quartetto di Anscombe
4
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
Proprietà Valore Accuratezza
Media di x 9 esatta
Varianza di x 11 esatta
Media di y 7.50 alla seconda cifra decimale
Varianza di y 4.125 con uno scarto massimo di 0.003
Correlazione tra x e y 0.816
alla terza cifra decimale
Regressione lineare y = 3.00 + 0.500x
alla seconda e alla terza cifra
decimale, rispettivamente
5
Visualizzazione dati e webpublishing
Roma,12.12.2019
Visualizzazione dati e Webpublishing
Serie 1
6
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
Serie 2
7
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
Serie 3
8
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
Serie 4
9
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
x1 y1 x2 y2 x3 y3 x4 y4
10 10 10 8 8.04 9.14 7.46 6.58
8 8 8 8 6.95 8.14 6.77 5.76
13 13 13 8 7.58 8.74
12.7
4
7.71
9 9 9 8 8.81 8.77 7.11 8.84
11 11 11 8 8.33 9.26 7.81 8.47
14 14 14 8 9.96 8.10 8.84 7.04
6 6 6 8 7.24 6.13 6.08 5.25
4 4 4 19 4.26 3.10 5.39
12.5
0
12 12 12 8
10.8
4
9.13 8.15 5.56
7 7 7 8 4.82 7.26 6.42 7.91
5 5 5 8 5.68 4.74 5.73 6.89
Il quartetto di Anscombe
10
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
Utilizzo del diagramma cartesiano a supporto dell’analisi in componenti principali (1)
11
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
Utilizzo del diagramma cartesiano a supporto dell’analisi in componenti principali (2)
Grafici interattivi per Rapporto annuale
12
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
Grafici interattivi per Serie storiche
13
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
Grafici interattivi per Rapporto BES
14
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
Grafici interattivi per Noi Italia
15
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
16
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
• Catturare l'attenzione con i grafici
17
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
• Colore
868888609462834719714449648
122286651978794222484779908
939340243123007392183390116
351684124962334339709749742
868888609462834719714449648
122286651978794222484779908
939340243123007392183390116
351684124962334339709749742
21
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
• Forma
22
23
24
25
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
• Posizione
26
27
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
• Prossimità
28
29
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
• Similarità
30
31
32
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
• Connettività
33
34
35
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
• Chiusura
36
37
38
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
• Regole per la scelta del grafico
39
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
Cleveland, McGIll 1984
40
Questo tipo di grafico introduce
una distorsione nella lettura
dell’informazione perché a parità
di angolo la lunghezza degli archi è
diversa, dato che sono due anelli
concentrici e quindi uno inferiore
all’altro per circonferenza.
Per la categoria «Paare ohne
Kinder» (coppie senza figli), che
presenta gli stessi valori per i due
anni a confronto (28%), nel grafico
la lunghezza dell’arco
rappresentante il 1996 è inferiore
al 2016.
Confronto temporale di dati in percentuale
relativi a più categorie.
41
Grafico alternativo
42
43
44
45
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
• Regole per l’editing
Testo
Titolo descrittivo composto al massimo di 6-12 parole giustificato a sinistra in alto a sinistra
Un titolo sintetico consente all’utente di acquisire il messaggio mentre dà uno sguardo veloce al grafico. Meglio di una frase generica, utilizzarne
una descrittiva che contenga la parola chiave correlata a ciò che il grafico vuole far vedere. Nell a cultura occidentale si inizia a leggere in alto a
sinistra e quindi è meglio posizionare il titolo proprio lì.
Sottotitolo e/o altre annotazioni forniscono ulteriori informazioni
Sottotitoli e annotazioni possono aumentare le potenzialità esplicative ed interpretative del grafico.
Utilizzarle per rispondere a domande che potrebbe porsi l’utente mentre guarda il grafico oppure per evidenziare dati specifici.
La dimensione del testo è gerarchica e leggibile
Il titolo deve avere la dimensione più grande rispetto al sottotitolo o all’annotazione, che a loro volta sono più grandi delle etichette dei dati, che
sono più grandi delle etichette degli assi cartesiani, che sono più grandi delle informazioni sulla fonte dei dati. Per i testi più piccoli (ad esempio
etichette degli assi) utilizzare come dimensione carattere non meno di 9 per la stampa su carta e 20 per lo schermo.
Il testo deve essere orizzontale
Titolo, sottotitolo, annotazioni, ed etichette dei dati sono orizzontali (non verticali o diagonali). Le etichette delle linee e degli assi possono seguire
altre regole. Si consideri che in alcuni casi è possibile invertire l’orientamento del grafico per rendere il testo orizzontale.
I dati sono etichettati direttamente nel grafico
La posizione delle etichette vicino ai punti rappresentativi dei dati è meglio che in una legenda separata.
Il movimento degli occhi «avanti e indietro» tra legenda e dati può distogliere l’attenzione dall’interpretazione del grafico. Quindi eliminare la
legenda quando è possibile.
Utilizzo delle etichette
Fare attenzione alle ridondanza. Per esempio in un grafico a linea per serie storiche evitare le etichette per ogni anno sull’asse X. Oppure se si
etichettano con i numeri i punti sul grafico, è ridondante aggiungere l’asse Y.
Impostazione
Proporzioni accurate
L’utente dovrebbe essere in grado di misurare l’area o la lunghezza del grafico con un righello e trovare corrispondenza con i dati sottostanti. La
scale sull’asse delle Y deve essere quindi appropriata. Per i grafici a barre l’asse deve partire dallo 0. Altre tipologie di grafici invece, al fine di una
migliore interpretazione, possono avere un minimo e un massimo sulla scala (ad esempio per un grafico a linea con piccole variazioni sarebbe
meglio far partire l’asse delle Y da un valore poco inferiore al minimo dato della serie, per enfatizzare il movimento dell’andamento)
Ordinare i dati
I dati dovrebbero essere ordinati secondo la variabile principale che caratterizza la visualizzazione, in modo tale da fornire una chiave di lettura
all’utente. I dati possono essere ordinati in base alla frequenza, per gruppi, per periodo (nei grafici a linee), seguendo l’alfabeto, ecc. Utilizzare un
ordine che supporti l'interpretazione di i dati.
Intervalli equidistanti sugli assi
La misura degli intervalli segnati sull’asse deve essere costante, anche se non tutti gli intervalli sono etichettati.
Per le serie storiche ad esempio, nel caso in cui ci siano dati rilasciati in date diverse da quelle usuali si potrebbe segnalare con delle annotazioni
direttamente sul grafico utilizzando i tooltip o delle etichette.
I grafici sono a due dimensioni
Evitare visualizzazioni tridimensionali, smussamenti e altre tipologie di effetti.
Evitare le decorazioni
Non inserire elementi decorativi nel grafico che potrebbero distogliere l’attenzione sui dati. In alcuni casi elementi di grafica come icone e/o
simboli possono supportare l’interpretazione.
Colori
La scelta dei colori
I colori utilizzati nei grafici possono far riferimento all’organizzazione di appartenenza (colore-brand), corrispondere ad una
europei) oppure richiamare un tema in particolare (il verde per l’ambiente ad esempio). Esistono sul web strumenti per
dover scaricare alcuna applicazione.
Il colore è usato per evidenziare dei modelli
I colori accesi dovrebbero guidare l’utente verso la parte più importante della visualizzazione. I dati secondari, i dati di supporto o
tenue, come il grigio.
Il colore deve continuare ad essere leggibile se stampato in bianco e nero
Se stampato o fotocopiato in bianco e nero, l’utente dovrebbe essere ancora in grado di vedere i modelli nei dati. Il colore deve
Evitare le combinazioni rosso-verde e giallo-blu quando quei colori si toccano l'un l'altro.
Il colore del testo deve essere sufficientemente in contrasto con lo sfondo
Il testo nero / molto scuro su uno sfondo bianco / trasparente è più facile da leggere.
Linee
Elementi come griglie, bordi, segni di spunta, marchi e assi possono creare confusione in un grafico. Eliminarli quando non sono utili
all’interpretazione dei dati.
Le linee della griglia devono essere disattivate
Il colore dovrebbe essere grigio tenue, non nero. Le griglie non dovrebbero essere utilizzate quando il grafico include etichette numeriche su ciascun punto dati.
Bordi
Il grafico non dovrebbe essere contenuto in un riquadro.
Gli assi non hanno segni di graduazione e non sono sempre necessari
I segni di graduazione possono essere utili nei grafici a linee (per delimitare ogni punto nel tempo lungo l'asse y) ma nella maggior parte degli altri tipi di grafici
non sono necessari. Rimuovere le linee degli assi quando è possibile.
Il grafico ha un asse orizzontale e uno verticale
Gli utenti possono interpretare al meglio un asse X e un asse Y. Sarebbe meglio non aggiungere un secondo asse y e provare due grafici affiancati. (Un asse
secondario usato per hackerare nuovi tipi di grafici è ok, a patto che agli utenti non venga chiesto di interpretare un secondo asse y).
Generale
Il grafico evidenzia risultati significativi o conclusioni
I grafici dovrebbero avere un "e allora?" - un significato pratico o statistico (o entrambi) per giustificare la loro presenza.
Ad esempio, i dati contestualizzati o di confronto aiutano l’utente a comprendere il significato dei dati e conferiscono al
grafico un potere più interpretativo.
Il tipo di grafico è appropriato per i dati
I dati vengono visualizzati utilizzando un tipo di grafico appropriato alla relazione tra i dati. Ad esempio, il cambiamento
nel tempo viene visualizzato come un grafico a linee, un grafico ad area, o un diagramma a punti.
Il grafico ha un livello appropriato di precisione
Usare un livello di precisione che soddisfi le esigenze dell’utenza. Poche etichette numeriche hanno bisogno di cifre
decimali, a meno che non si parli con colleghi accademici. I grafici destinati all’utenza generalista raramente hanno
bisogno di valori p elencati.
Gli elementi grafici per rafforzare il trasferimento delle informazioni.
Le scelte su tipo di grafico, testo, disposizione, colore e linee sono a supporto della diffusione dell’informazione
statistica.
51
Gif animata
Come migliorare l’efficacia di un grafico esempio 1 : bar chart
52
Gif animata
Come migliorare l’efficacia di un grafico esempio 2: grafico a torta
Gif animata
Come migliorare l’efficacia di una tabella, esempio 3: tabella
54
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
• Interattività, web tools: dalla matrice di dati al grafico in 4 passaggi
55
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
56
Visualizzazione dati e webpublishing
Roma, 12.12.2019
Visualizzazione dati e Webpublishing
https://opencoesione.gov.it/it/progetti/1ca1c272007it161po009/
57
Visualizzazione dati e webpublishing
Roma, 2.12.2019
Visualizzazione dati e Webpublishing
58
Visualizzazione dati e webpublishing
Roma, 2.12.2019
Visualizzazione dati e Webpublishing
Grazie per l’attenzione
miferrar@istat.it
Webinar Istat «Cultura statistica +»
Roma, 12.12.2019

More Related Content

More from A Scuola di OpenCoesione

ASOC2324_In-Class Exercise_Creative formats
ASOC2324_In-Class Exercise_Creative formatsASOC2324_In-Class Exercise_Creative formats
ASOC2324_In-Class Exercise_Creative formatsA Scuola di OpenCoesione
 
ASOC2324_Creative formats and presentation
ASOC2324_Creative formats and presentationASOC2324_Creative formats and presentation
ASOC2324_Creative formats and presentationA Scuola di OpenCoesione
 
Esercitazione (LEZIONE 4) - I format creativi
Esercitazione (LEZIONE 4) - I format creativiEsercitazione (LEZIONE 4) - I format creativi
Esercitazione (LEZIONE 4) - I format creativiA Scuola di OpenCoesione
 
ASOC2324_TUTORIAL PER L’UTILIZZO DELLA PIATTAFORMA MONITHON_MEDIE_
ASOC2324_TUTORIAL PER L’UTILIZZO  DELLA PIATTAFORMA MONITHON_MEDIE_ASOC2324_TUTORIAL PER L’UTILIZZO  DELLA PIATTAFORMA MONITHON_MEDIE_
ASOC2324_TUTORIAL PER L’UTILIZZO DELLA PIATTAFORMA MONITHON_MEDIE_A Scuola di OpenCoesione
 
ASOC2324_TUTORIAL PER L’UTILIZZO DELLA PIATTAFORMA MONITHON
ASOC2324_TUTORIAL PER L’UTILIZZO  DELLA PIATTAFORMA MONITHONASOC2324_TUTORIAL PER L’UTILIZZO  DELLA PIATTAFORMA MONITHON
ASOC2324_TUTORIAL PER L’UTILIZZO DELLA PIATTAFORMA MONITHONA Scuola di OpenCoesione
 
Tutorial for using the Monithon Platform - ASOC2324 EN
Tutorial for using the Monithon Platform  - ASOC2324 ENTutorial for using the Monithon Platform  - ASOC2324 EN
Tutorial for using the Monithon Platform - ASOC2324 ENA Scuola di OpenCoesione
 
ASOC2324 EN - Planning the Monitoring Visit
ASOC2324 EN - Planning the Monitoring VisitASOC2324 EN - Planning the Monitoring Visit
ASOC2324 EN - Planning the Monitoring VisitA Scuola di OpenCoesione
 
ASOC2324_TUTORIAL PER L’UTILIZZO DELLA PIATTAFORMA MONITHON
ASOC2324_TUTORIAL PER L’UTILIZZO  DELLA PIATTAFORMA MONITHONASOC2324_TUTORIAL PER L’UTILIZZO  DELLA PIATTAFORMA MONITHON
ASOC2324_TUTORIAL PER L’UTILIZZO DELLA PIATTAFORMA MONITHONA Scuola di OpenCoesione
 
TUTORIAL PER L’UTILIZZO DELLA PIATTAFORMA MONITHON
TUTORIAL PER L’UTILIZZO DELLA PIATTAFORMA MONITHONTUTORIAL PER L’UTILIZZO DELLA PIATTAFORMA MONITHON
TUTORIAL PER L’UTILIZZO DELLA PIATTAFORMA MONITHONA Scuola di OpenCoesione
 
Medie_Lezione 2_Esercitazione in classe con esperto/a
Medie_Lezione 2_Esercitazione in classe con esperto/aMedie_Lezione 2_Esercitazione in classe con esperto/a
Medie_Lezione 2_Esercitazione in classe con esperto/aA Scuola di OpenCoesione
 
ASOC Medie_Guida agli Open Data di OpenCoesione
ASOC Medie_Guida agli Open Data di OpenCoesioneASOC Medie_Guida agli Open Data di OpenCoesione
ASOC Medie_Guida agli Open Data di OpenCoesioneA Scuola di OpenCoesione
 
Esercitazione in classe con l'esperto/a Istat
Esercitazione in classe con l'esperto/a IstatEsercitazione in classe con l'esperto/a Istat
Esercitazione in classe con l'esperto/a IstatA Scuola di OpenCoesione
 
TIPS: How To Write An Article - ASOC2324 EN
TIPS: How To Write An Article - ASOC2324 ENTIPS: How To Write An Article - ASOC2324 EN
TIPS: How To Write An Article - ASOC2324 ENA Scuola di OpenCoesione
 

More from A Scuola di OpenCoesione (20)

ASOC2324_In-Class Exercise_Creative formats
ASOC2324_In-Class Exercise_Creative formatsASOC2324_In-Class Exercise_Creative formats
ASOC2324_In-Class Exercise_Creative formats
 
ASOC2324_Creative formats and presentation
ASOC2324_Creative formats and presentationASOC2324_Creative formats and presentation
ASOC2324_Creative formats and presentation
 
Esercitazione (LEZIONE 4) - I format creativi
Esercitazione (LEZIONE 4) - I format creativiEsercitazione (LEZIONE 4) - I format creativi
Esercitazione (LEZIONE 4) - I format creativi
 
ASOC2324_TUTORIAL PER L’UTILIZZO DELLA PIATTAFORMA MONITHON_MEDIE_
ASOC2324_TUTORIAL PER L’UTILIZZO  DELLA PIATTAFORMA MONITHON_MEDIE_ASOC2324_TUTORIAL PER L’UTILIZZO  DELLA PIATTAFORMA MONITHON_MEDIE_
ASOC2324_TUTORIAL PER L’UTILIZZO DELLA PIATTAFORMA MONITHON_MEDIE_
 
ASOC2324_TUTORIAL PER L’UTILIZZO DELLA PIATTAFORMA MONITHON
ASOC2324_TUTORIAL PER L’UTILIZZO  DELLA PIATTAFORMA MONITHONASOC2324_TUTORIAL PER L’UTILIZZO  DELLA PIATTAFORMA MONITHON
ASOC2324_TUTORIAL PER L’UTILIZZO DELLA PIATTAFORMA MONITHON
 
Tutorial for using the Monithon Platform - ASOC2324 EN
Tutorial for using the Monithon Platform  - ASOC2324 ENTutorial for using the Monithon Platform  - ASOC2324 EN
Tutorial for using the Monithon Platform - ASOC2324 EN
 
ASOC2324 EN - Planning the Monitoring Visit
ASOC2324 EN - Planning the Monitoring VisitASOC2324 EN - Planning the Monitoring Visit
ASOC2324 EN - Planning the Monitoring Visit
 
ASOC2324_TUTORIAL PER L’UTILIZZO DELLA PIATTAFORMA MONITHON
ASOC2324_TUTORIAL PER L’UTILIZZO  DELLA PIATTAFORMA MONITHONASOC2324_TUTORIAL PER L’UTILIZZO  DELLA PIATTAFORMA MONITHON
ASOC2324_TUTORIAL PER L’UTILIZZO DELLA PIATTAFORMA MONITHON
 
TUTORIAL PER L’UTILIZZO DELLA PIATTAFORMA MONITHON
TUTORIAL PER L’UTILIZZO DELLA PIATTAFORMA MONITHONTUTORIAL PER L’UTILIZZO DELLA PIATTAFORMA MONITHON
TUTORIAL PER L’UTILIZZO DELLA PIATTAFORMA MONITHON
 
Medie_Lezione 2_Esercitazione in classe con esperto/a
Medie_Lezione 2_Esercitazione in classe con esperto/aMedie_Lezione 2_Esercitazione in classe con esperto/a
Medie_Lezione 2_Esercitazione in classe con esperto/a
 
ASOC Medie_Guida agli Open Data di OpenCoesione
ASOC Medie_Guida agli Open Data di OpenCoesioneASOC Medie_Guida agli Open Data di OpenCoesione
ASOC Medie_Guida agli Open Data di OpenCoesione
 
Esercitazione in classe con l'esperto/a Istat
Esercitazione in classe con l'esperto/a IstatEsercitazione in classe con l'esperto/a Istat
Esercitazione in classe con l'esperto/a Istat
 
Comprendere i dati: strumenti principali
Comprendere i dati: strumenti principaliComprendere i dati: strumenti principali
Comprendere i dati: strumenti principali
 
Guida agli Open Data di OpenCoesione.pdf
Guida agli Open Data di OpenCoesione.pdfGuida agli Open Data di OpenCoesione.pdf
Guida agli Open Data di OpenCoesione.pdf
 
TIPS: How To Write An Article - ASOC2324 EN
TIPS: How To Write An Article - ASOC2324 ENTIPS: How To Write An Article - ASOC2324 EN
TIPS: How To Write An Article - ASOC2324 EN
 
Data expedition_Scuole medie
Data expedition_Scuole medieData expedition_Scuole medie
Data expedition_Scuole medie
 
Data expedition
Data expeditionData expedition
Data expedition
 
Le ricerche di ASOC
Le ricerche di ASOCLe ricerche di ASOC
Le ricerche di ASOC
 
Dossier di Ricerca - ASOC2324
Dossier di Ricerca - ASOC2324Dossier di Ricerca - ASOC2324
Dossier di Ricerca - ASOC2324
 
Data expedition - ASOC2324
Data expedition - ASOC2324Data expedition - ASOC2324
Data expedition - ASOC2324
 

ASOC1920 Webinar Lezione 2 - Forme e strumenti di visualizzazione dati - Istat (Parte 2)

  • 1. Webinar Istat «Cultura statistica +» Roma, 12.12.2019 Michele Ferrara Responsabile attività Data visualization e webpublishing – Direzione diffusione e comunicazione Visualizzazione dati Webpublishing
  • 2. • La visualizzazione grafica a supporto dell'analisi dei dati • Catturare l'attenzione con i grafici • Regole per la scelta del grafico • Regole per l’editing • Interattività, web tools: dalla matrice di dati al grafico in 4 passaggi. 2 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing
  • 3. 3 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing x1 y1 x2 y2 x3 y3 x4 y4 10 10 10 8 8.04 9.14 7.46 6.58 8 8 8 8 6.95 8.14 6.77 5.76 13 13 13 8 7.58 8.74 12.74 7.71 9 9 9 8 8.81 8.77 7.11 8.84 11 11 11 8 8.33 9.26 7.81 8.47 14 14 14 8 9.96 8.10 8.84 7.04 6 6 6 8 7.24 6.13 6.08 5.25 4 4 4 19 4.26 3.10 5.39 12.50 12 12 12 8 10.84 9.13 8.15 5.56 7 7 7 8 4.82 7.26 6.42 7.91 5 5 5 8 5.68 4.74 5.73 6.89 Il quartetto di Anscombe
  • 4. 4 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing Proprietà Valore Accuratezza Media di x 9 esatta Varianza di x 11 esatta Media di y 7.50 alla seconda cifra decimale Varianza di y 4.125 con uno scarto massimo di 0.003 Correlazione tra x e y 0.816 alla terza cifra decimale Regressione lineare y = 3.00 + 0.500x alla seconda e alla terza cifra decimale, rispettivamente
  • 5. 5 Visualizzazione dati e webpublishing Roma,12.12.2019 Visualizzazione dati e Webpublishing Serie 1
  • 6. 6 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing Serie 2
  • 7. 7 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing Serie 3
  • 8. 8 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing Serie 4
  • 9. 9 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing x1 y1 x2 y2 x3 y3 x4 y4 10 10 10 8 8.04 9.14 7.46 6.58 8 8 8 8 6.95 8.14 6.77 5.76 13 13 13 8 7.58 8.74 12.7 4 7.71 9 9 9 8 8.81 8.77 7.11 8.84 11 11 11 8 8.33 9.26 7.81 8.47 14 14 14 8 9.96 8.10 8.84 7.04 6 6 6 8 7.24 6.13 6.08 5.25 4 4 4 19 4.26 3.10 5.39 12.5 0 12 12 12 8 10.8 4 9.13 8.15 5.56 7 7 7 8 4.82 7.26 6.42 7.91 5 5 5 8 5.68 4.74 5.73 6.89 Il quartetto di Anscombe
  • 10. 10 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing Utilizzo del diagramma cartesiano a supporto dell’analisi in componenti principali (1)
  • 11. 11 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing Utilizzo del diagramma cartesiano a supporto dell’analisi in componenti principali (2)
  • 12. Grafici interattivi per Rapporto annuale 12 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing
  • 13. Grafici interattivi per Serie storiche 13 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing
  • 14. Grafici interattivi per Rapporto BES 14 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing
  • 15. Grafici interattivi per Noi Italia 15 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing
  • 16. 16 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing • Catturare l'attenzione con i grafici
  • 17. 17 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing • Colore
  • 20.
  • 21. 21 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing • Forma
  • 22. 22
  • 23. 23
  • 24. 24
  • 25. 25 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing • Posizione
  • 26. 26
  • 27. 27 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing • Prossimità
  • 28. 28
  • 29. 29 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing • Similarità
  • 30. 30
  • 31. 31
  • 32. 32 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing • Connettività
  • 33. 33
  • 34. 34
  • 35. 35 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing • Chiusura
  • 36. 36
  • 37. 37
  • 38. 38 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing • Regole per la scelta del grafico
  • 39. 39 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing Cleveland, McGIll 1984
  • 40. 40 Questo tipo di grafico introduce una distorsione nella lettura dell’informazione perché a parità di angolo la lunghezza degli archi è diversa, dato che sono due anelli concentrici e quindi uno inferiore all’altro per circonferenza. Per la categoria «Paare ohne Kinder» (coppie senza figli), che presenta gli stessi valori per i due anni a confronto (28%), nel grafico la lunghezza dell’arco rappresentante il 1996 è inferiore al 2016. Confronto temporale di dati in percentuale relativi a più categorie.
  • 42. 42
  • 43. 43
  • 44. 44
  • 45. 45 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing • Regole per l’editing
  • 46. Testo Titolo descrittivo composto al massimo di 6-12 parole giustificato a sinistra in alto a sinistra Un titolo sintetico consente all’utente di acquisire il messaggio mentre dà uno sguardo veloce al grafico. Meglio di una frase generica, utilizzarne una descrittiva che contenga la parola chiave correlata a ciò che il grafico vuole far vedere. Nell a cultura occidentale si inizia a leggere in alto a sinistra e quindi è meglio posizionare il titolo proprio lì. Sottotitolo e/o altre annotazioni forniscono ulteriori informazioni Sottotitoli e annotazioni possono aumentare le potenzialità esplicative ed interpretative del grafico. Utilizzarle per rispondere a domande che potrebbe porsi l’utente mentre guarda il grafico oppure per evidenziare dati specifici. La dimensione del testo è gerarchica e leggibile Il titolo deve avere la dimensione più grande rispetto al sottotitolo o all’annotazione, che a loro volta sono più grandi delle etichette dei dati, che sono più grandi delle etichette degli assi cartesiani, che sono più grandi delle informazioni sulla fonte dei dati. Per i testi più piccoli (ad esempio etichette degli assi) utilizzare come dimensione carattere non meno di 9 per la stampa su carta e 20 per lo schermo. Il testo deve essere orizzontale Titolo, sottotitolo, annotazioni, ed etichette dei dati sono orizzontali (non verticali o diagonali). Le etichette delle linee e degli assi possono seguire altre regole. Si consideri che in alcuni casi è possibile invertire l’orientamento del grafico per rendere il testo orizzontale. I dati sono etichettati direttamente nel grafico La posizione delle etichette vicino ai punti rappresentativi dei dati è meglio che in una legenda separata. Il movimento degli occhi «avanti e indietro» tra legenda e dati può distogliere l’attenzione dall’interpretazione del grafico. Quindi eliminare la legenda quando è possibile. Utilizzo delle etichette Fare attenzione alle ridondanza. Per esempio in un grafico a linea per serie storiche evitare le etichette per ogni anno sull’asse X. Oppure se si etichettano con i numeri i punti sul grafico, è ridondante aggiungere l’asse Y.
  • 47. Impostazione Proporzioni accurate L’utente dovrebbe essere in grado di misurare l’area o la lunghezza del grafico con un righello e trovare corrispondenza con i dati sottostanti. La scale sull’asse delle Y deve essere quindi appropriata. Per i grafici a barre l’asse deve partire dallo 0. Altre tipologie di grafici invece, al fine di una migliore interpretazione, possono avere un minimo e un massimo sulla scala (ad esempio per un grafico a linea con piccole variazioni sarebbe meglio far partire l’asse delle Y da un valore poco inferiore al minimo dato della serie, per enfatizzare il movimento dell’andamento) Ordinare i dati I dati dovrebbero essere ordinati secondo la variabile principale che caratterizza la visualizzazione, in modo tale da fornire una chiave di lettura all’utente. I dati possono essere ordinati in base alla frequenza, per gruppi, per periodo (nei grafici a linee), seguendo l’alfabeto, ecc. Utilizzare un ordine che supporti l'interpretazione di i dati. Intervalli equidistanti sugli assi La misura degli intervalli segnati sull’asse deve essere costante, anche se non tutti gli intervalli sono etichettati. Per le serie storiche ad esempio, nel caso in cui ci siano dati rilasciati in date diverse da quelle usuali si potrebbe segnalare con delle annotazioni direttamente sul grafico utilizzando i tooltip o delle etichette. I grafici sono a due dimensioni Evitare visualizzazioni tridimensionali, smussamenti e altre tipologie di effetti. Evitare le decorazioni Non inserire elementi decorativi nel grafico che potrebbero distogliere l’attenzione sui dati. In alcuni casi elementi di grafica come icone e/o simboli possono supportare l’interpretazione.
  • 48. Colori La scelta dei colori I colori utilizzati nei grafici possono far riferimento all’organizzazione di appartenenza (colore-brand), corrispondere ad una europei) oppure richiamare un tema in particolare (il verde per l’ambiente ad esempio). Esistono sul web strumenti per dover scaricare alcuna applicazione. Il colore è usato per evidenziare dei modelli I colori accesi dovrebbero guidare l’utente verso la parte più importante della visualizzazione. I dati secondari, i dati di supporto o tenue, come il grigio. Il colore deve continuare ad essere leggibile se stampato in bianco e nero Se stampato o fotocopiato in bianco e nero, l’utente dovrebbe essere ancora in grado di vedere i modelli nei dati. Il colore deve Evitare le combinazioni rosso-verde e giallo-blu quando quei colori si toccano l'un l'altro. Il colore del testo deve essere sufficientemente in contrasto con lo sfondo Il testo nero / molto scuro su uno sfondo bianco / trasparente è più facile da leggere.
  • 49. Linee Elementi come griglie, bordi, segni di spunta, marchi e assi possono creare confusione in un grafico. Eliminarli quando non sono utili all’interpretazione dei dati. Le linee della griglia devono essere disattivate Il colore dovrebbe essere grigio tenue, non nero. Le griglie non dovrebbero essere utilizzate quando il grafico include etichette numeriche su ciascun punto dati. Bordi Il grafico non dovrebbe essere contenuto in un riquadro. Gli assi non hanno segni di graduazione e non sono sempre necessari I segni di graduazione possono essere utili nei grafici a linee (per delimitare ogni punto nel tempo lungo l'asse y) ma nella maggior parte degli altri tipi di grafici non sono necessari. Rimuovere le linee degli assi quando è possibile. Il grafico ha un asse orizzontale e uno verticale Gli utenti possono interpretare al meglio un asse X e un asse Y. Sarebbe meglio non aggiungere un secondo asse y e provare due grafici affiancati. (Un asse secondario usato per hackerare nuovi tipi di grafici è ok, a patto che agli utenti non venga chiesto di interpretare un secondo asse y).
  • 50. Generale Il grafico evidenzia risultati significativi o conclusioni I grafici dovrebbero avere un "e allora?" - un significato pratico o statistico (o entrambi) per giustificare la loro presenza. Ad esempio, i dati contestualizzati o di confronto aiutano l’utente a comprendere il significato dei dati e conferiscono al grafico un potere più interpretativo. Il tipo di grafico è appropriato per i dati I dati vengono visualizzati utilizzando un tipo di grafico appropriato alla relazione tra i dati. Ad esempio, il cambiamento nel tempo viene visualizzato come un grafico a linee, un grafico ad area, o un diagramma a punti. Il grafico ha un livello appropriato di precisione Usare un livello di precisione che soddisfi le esigenze dell’utenza. Poche etichette numeriche hanno bisogno di cifre decimali, a meno che non si parli con colleghi accademici. I grafici destinati all’utenza generalista raramente hanno bisogno di valori p elencati. Gli elementi grafici per rafforzare il trasferimento delle informazioni. Le scelte su tipo di grafico, testo, disposizione, colore e linee sono a supporto della diffusione dell’informazione statistica.
  • 51. 51 Gif animata Come migliorare l’efficacia di un grafico esempio 1 : bar chart
  • 52. 52 Gif animata Come migliorare l’efficacia di un grafico esempio 2: grafico a torta
  • 53. Gif animata Come migliorare l’efficacia di una tabella, esempio 3: tabella
  • 54. 54 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing • Interattività, web tools: dalla matrice di dati al grafico in 4 passaggi
  • 55. 55 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing
  • 56. 56 Visualizzazione dati e webpublishing Roma, 12.12.2019 Visualizzazione dati e Webpublishing https://opencoesione.gov.it/it/progetti/1ca1c272007it161po009/
  • 57. 57 Visualizzazione dati e webpublishing Roma, 2.12.2019 Visualizzazione dati e Webpublishing
  • 58. 58 Visualizzazione dati e webpublishing Roma, 2.12.2019 Visualizzazione dati e Webpublishing Grazie per l’attenzione miferrar@istat.it Webinar Istat «Cultura statistica +» Roma, 12.12.2019