Information Design Visualizzazione d’Informazioni  Quantitative Social Media Lab Università IULM Duccio Schiavon 11/Mag/2009
Cos’è l’Information Design? Nell’Information design vengono utilizzati simboli, immagini, colori, e parole per comunicare ...
<ul><li>io utilizzo </li></ul>detto in altro modo immagini simboli colori parole con l’obiettivo di comunicare idee Illust...
Esempio di come utilizzare  immagini e parole  per comunicare idee http://xkcd.com/
Esempio di come utilizzare  immagini, parole, simboli e colori  per comunicare idee http://awesome.goodmagazine.com/transp...
Con l’Information Design noi raccontiamo una storia La storia viene raccontata visivamente per cui la sua rappresentazione...
Esempio di come una rappresentazione grafica funzioni meglio di una tabella di dati grezzi Prevalenza virus HIV La mappa i...
Esempio di come una rappresentazione grafica funzioni meglio di una tabella di dati grezzi La mappa dell’open source L’OSI...
Esempio di come una rappresentazione grafica funzioni meglio di una tabella di dati grezzi Interpretazione immediata impos...
Esempio di come una rappresentazione grafica sia  certamente più gradevole  di una serie di numeri Acqua, aria, terra Sini...
Esempio di come una rappresentazione grafica sia  certamente più chiara  se associata ai numeri “ Siediti dove rischi di m...
A cosa serve l’Information Design? <ul><li>Per descrivere un fenomeno </li></ul><ul><ul><ul><ul><ul><li>-  ai propri super...
A cosa serve l’Information Design? <ul><li>Per analizzare i propri dati </li></ul><ul><ul><ul><ul><ul><li>-  scoprire tend...
A cosa serve l’Information Design? <ul><li>Per operazioni di pianificazione </li></ul><ul><ul><ul><ul><ul><li>-  analizzar...
A cosa serve l’Information Design? <ul><li>Per rendere visibile l’informazione </li></ul><ul><ul><ul><ul><ul><li>-  eviden...
A cosa serve l’Information Design? <ul><li>Per semplificare e chiarire </li></ul><ul><ul><ul><ul><ul><li>-  illustrare l’a...
per grandi punti 1) Per illustrare un fenomeno 2) Per analizzare dati 3) Per operazioni di pianificazione 4) Per rendere v...
Esempio di come illustrare un fenomeno Il successo delle trilogie Il successo al cinema di ognuno dei singoli episodi dell...
Esempio di come illustrare un fenomeno Crisi finanziaria La crisi vita dal punto di vista dei mutui, del mercato immobilia...
Esempio di come analizzare dati R: Una risposta a tutti i quesiti analitici R è un software di analisi statistica open sou...
Esempio di pianificazione Albero Decisionale Gli Alberi Decisionali sono un ottimo strumento per coniugare chiarezza espos...
Esempio di come chiarire un concetto a partire da un insieme di dati direttamente difficili da interpretare Quanti galloni...
Pianificare una rappresentazione dell’informazione Quale tipo di dati è più adatto ad essere rappresentato sotto forma di ...
Pianificare una rappresentazione dell’informazione Qual è l’effetto che si desidera produrre nel destinatario? Rispondere ...
Lavorare sui dati Quale informazione devo raccogliere? Quali tipi di dati ho a disposizione? I dati sono utilizzabili per ...
“ Media” e “Mezzo” Su quale supporto, media, o mezzo verrà pubblicata la nostra rappresentazione? Come verrà pubblicata e ...
Suggerimenti per la propria rappresentazione •   Preferire sempre la soluzione più semplice •   Rappresentare preferibilme...
Suggerimenti per la propria rappresentazione •   Minimizzare il numero di passaggi richiesti per l’interpretazione della r...
La nuova rivoluzione dell’Information Design su monitor: L’interazione e l’animazione Migliore Visualizzazione/Animazione ...
Processing http://processing.org /
Processing è uno strumento open source distribuito sotto GNU Public License (GPL) Processing consiste di: •   Un Ambiente ...
Sketch con Processing “hello world” “hello mouse” Esportare e distribuire il tuo lavoro Creare immagini del tuo lavoro Car...
Sistema di Coordinate e Forme (spazio delle coordinate)
Definizione di un punto Sistema di Coordinate e Forme (Forme semplici)
Definizione di una linea Sistema di Coordinate e Forme (Forme semplici)
Definizione di un quadrato con definizione coord. angolo in alto a sinistra e misure di lunghezza e larghezza Sistema di C...
Sistema di Coordinate e Forme (Forme semplici) Definizione di un quadrato in modalità rectMode(CENTER) (coord. centro, lun...
Sistema di Coordinate e Forme (Forme semplici) Definizione di un quadrato in modalità rectMode(CORNERS) (coord. 4 angoli)
Sistema di Coordinate e Forme (Forme semplici) Definizione di un’ellisse e diverse modalità della funzione ellipseMode()
Esempi applicativi Pur trattandosi di un vero e proprio linguaggio di programmazione, la logica è semplice ed accessibile ...
Alcune risorse utili per Processing http://www.openprocessing.org/ http://www.vimeo.com/tag:processing.org http://www.proc...
ggplot
<ul><li>•  Installazione di ggplot2 in R </li></ul><ul><li>http://had.co.nz/ggplot2 </li></ul><ul><li>•  documentati 99 og...
Diamanti <ul><li>•  Oltre 54.000 diamanti archiviati in  http://www.diamondse.info </li></ul><ul><li>Carati, colore, chiar...
qplot <ul><li>•  Offre tutte le funzionalità di ggplot con in più una sintassi semplificata </li></ul><ul><li>Caratteristi...
qplot qplot(diamonds$carat, diamonds$price) qplot(carat, price, data = diamonds) qplot(carat, price, data = diamonds,colou...
Componenti <ul><li>Dati </li></ul><ul><li>Oggetto geometrico (geom) </li></ul><ul><li>Trasformazione statistica (stat) </l...
Istogramma <ul><li>Geom: bar o histogram </li></ul><ul><li>Stat: bin </li></ul><ul><li>Scala: lineare </li></ul><ul><li>Si...
Scatterplot <ul><li>Geom: bar o histogram </li></ul><ul><li>Stat: bin </li></ul><ul><li>Scala: lineare </li></ul><ul><li>S...
Funzione ggplot (definizione del grafico per strati) La precedente è una semplificazione Si può ricorrere ad una logica mo...
Definizione del grafico ggplot(data, mapping) + layer( stat = &quot;&quot;, geom = &quot;&quot;, position = &quot;&quot;, ...
Strati <ul><li>Solitamente non verrà scritto l’intera specificazione, ma si useranno delle abbreviazioni: </li></ul><ul><l...
Esempi d <- ggplot(diamonds,aes(x=carat, y=price)) d + geom_point() d + geom_point(aes(colour = carat)) ggplot(diamonds,ae...
Data + Mapping (Dati + Mappatura) <ul><li>Dati e mappature solitamente definiscono le caratteristiche principali del grafi...
Geom (geometrie) <ul><li>Geom definisce la “forma” base degli elementi nel grafico  </li></ul><ul><li>Punti, linee, poligo...
Stat (statistiche) <ul><li>Non ancora utilizzate esplicitamente, anche se sottostanno a molti strati qui creati; alcune ge...
Esempi p <- ggplot(diamonds, aes(x=price)) p + geom_histogram() p + stat_bin(geom=&quot;area&quot;) p + stat_bin(geom=&quo...
Risorse Risorse http://had.co.nz/ggplot/ http://had.co.nz/ggplot2/book/ http://addictedtor.free.fr/graphiques/
Gapminder http://www.gapminder.org/
<ul><li>•   Animazione ed Interattività avanzate alla portata di tutti </li></ul><ul><li>•   Capacità di spiegare un fenom...
Risorse su web Critica grafica http://junkcharts.typepad.com/ Intrattenimento http://www.good.is/ Come rappresentare fluss...
Eminenze Edward Tufte “ Il Leonardo da Vinci dei dati”  http://www.edwardtufte.com/tufte/ Ben Fry Ovvero Mr Processing htt...
Strumenti R http://www.r-project.org/ Microsoft Excel Processing http://processing.org/ HTML + CSS + Javascript Flash/Acti...
Piattaforme di Condivisione Visualizzazioni e Dati ManyEyes http://manyeyes.alphaworks.ibm.com/manyeyes/ Swivel http://www...
Grazie mille a tutti
Upcoming SlideShare
Loading in...5
×

Duccio Schiavon - Information Design: Visualizzazione di Informazioni Quantitative

12,227

Published on

Published in: Education, Technology
3 Comments
7 Likes
Statistics
Notes
No Downloads
Views
Total Views
12,227
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
64
Comments
3
Likes
7
Embeds 0
No embeds

No notes for slide

Duccio Schiavon - Information Design: Visualizzazione di Informazioni Quantitative

  1. 1. Information Design Visualizzazione d’Informazioni Quantitative Social Media Lab Università IULM Duccio Schiavon 11/Mag/2009
  2. 2. Cos’è l’Information Design? Nell’Information design vengono utilizzati simboli, immagini, colori, e parole per comunicare idee, illustrare informazioni o esprimere visualmente relazioni
  3. 3. <ul><li>io utilizzo </li></ul>detto in altro modo immagini simboli colori parole con l’obiettivo di comunicare idee Illustrare informazioni esprimere relazioni
  4. 4. Esempio di come utilizzare immagini e parole per comunicare idee http://xkcd.com/
  5. 5. Esempio di come utilizzare immagini, parole, simboli e colori per comunicare idee http://awesome.goodmagazine.com/transparency/web/0904/trans0409ourfavoritedrugs.html
  6. 6. Con l’Information Design noi raccontiamo una storia La storia viene raccontata visivamente per cui la sua rappresentazione dev’essere chiara trasformare informazioni complesse in materiale semplice da comprendere gradevole catturare l’attenzione dell’osservatore convincente l’osservazione dei meri dati grezzi spesso non aiuta a chiarire la reale natura del fenomeno d’interesse. La rappresentazione deve riuscire a spiegare ciò che difficilmente riescono a fare le statistiche da sole
  7. 7. Esempio di come una rappresentazione grafica funzioni meglio di una tabella di dati grezzi Prevalenza virus HIV La mappa illustra la distribuzione di tutte le persone di età compresa tra i 15 i 49 anni affetti da HIV. http://www.dailymail.co.uk/news/article-439315/How-world-really-shapes-up.html
  8. 8. Esempio di come una rappresentazione grafica funzioni meglio di una tabella di dati grezzi La mappa dell’open source L’OSI (Open Source Index) misura il livello di attività open source in 75 paesi http://www.redhat.com/about/where-is-open-source/activity/
  9. 9. Esempio di come una rappresentazione grafica funzioni meglio di una tabella di dati grezzi Interpretazione immediata impossibile I punteggi OSI sono organizzati per tipologia d’ambiente (Governativo/Istituzionale, Industriale, Privato). La tabulazione non aiuta, in quanto il caratteristico formato stile CSV non consente neppure di confrontare i punteggi dello stesso settore lungo i differenti paesi
  10. 10. Esempio di come una rappresentazione grafica sia certamente più gradevole di una serie di numeri Acqua, aria, terra Sinistra: Tutta l’acqua al mondo (1,4087 miliardi di chilometri cubici) inclusa l’acqua del mare, dei ghiacciai, dei laghi, dei fiumi, delle nuvole, ecc. Destra: Tutta l’aria contenuta nell’atmosfera (5140.000 miliardi di tonnellate) racchiusa in una sfera al livello del mare. http://blog.phiffer.org/post/27344630/left-all-the-water-in-the-world-1-4087-billion
  11. 11. Esempio di come una rappresentazione grafica sia certamente più chiara se associata ai numeri “ Siediti dove rischi di meno” Tassi di sopravvivenza associati alle diverse poltrone di un aereo, calcolati sulla base dell’analisi degli incidenti aerei commerciali avvenuti negli USA dal 1971 http://www.popularmechanics.com/science/air_space/4219452.html
  12. 12. A cosa serve l’Information Design? <ul><li>Per descrivere un fenomeno </li></ul><ul><ul><ul><ul><ul><li>- ai propri superiori </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>- ai propri clienti </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>- al pubblico </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>- ai media </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>- ad istituti pubblici </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>- ai media </li></ul></ul></ul></ul></ul>
  13. 13. A cosa serve l’Information Design? <ul><li>Per analizzare i propri dati </li></ul><ul><ul><ul><ul><ul><li>- scoprire tendenze nascoste </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>- evidenziare evoluzioni nel sistema d’interesse </li></ul></ul></ul></ul></ul>
  14. 14. A cosa serve l’Information Design? <ul><li>Per operazioni di pianificazione </li></ul><ul><ul><ul><ul><ul><li>- analizzare relazioni </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>illustrare reti (sociali) </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>individuare dove le ns azioni possono avere un impatto maggiore </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>prevedere tendenze future </li></ul></ul></ul></ul></ul>
  15. 15. A cosa serve l’Information Design? <ul><li>Per rendere visibile l’informazione </li></ul><ul><ul><ul><ul><ul><li>- evidenziare relazioni di causa-effetto </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>illustrare le conseguenze di particolari scelte </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>confrontare e contrapporre </li></ul></ul></ul></ul></ul>
  16. 16. A cosa serve l’Information Design? <ul><li>Per semplificare e chiarire </li></ul><ul><ul><ul><ul><ul><li>- illustrare l’analisi di un’idea astratta </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>mostrare il flusso di un processo o di sistema in cambiamento </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>rendere le proprie conclusioni visibili e facili da esplorare </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>mostrare la struttura e mettere ordine in dati apparentemente caotici </li></ul></ul></ul></ul></ul>
  17. 17. per grandi punti 1) Per illustrare un fenomeno 2) Per analizzare dati 3) Per operazioni di pianificazione 4) Per rendere visibile l’informazione 5) Per chiarire e semplificare
  18. 18. Esempio di come illustrare un fenomeno Il successo delle trilogie Il successo al cinema di ognuno dei singoli episodi delle più celebri trilogie cinematografiche. http://danmeth.com/post/77471620/my-trilogy-meter-1-in-a-series-of-pop-cultural
  19. 19. Esempio di come illustrare un fenomeno Crisi finanziaria La crisi vita dal punto di vista dei mutui, del mercato immobiliare e dei fallimenti bancari. http://awesome.goodmagazine.com/transparency/usersubmissions/financialcrisis/aler/index.html
  20. 20. Esempio di come analizzare dati R: Una risposta a tutti i quesiti analitici R è un software di analisi statistica open source. Offre un bagaglio di strumenti per la visualizzazione grafica di ogni tipo di risultato numerico http://www.r-project.org/
  21. 21. Esempio di pianificazione Albero Decisionale Gli Alberi Decisionali sono un ottimo strumento per coniugare chiarezza espositiva e potenza analitica http://www.nytimes.com/
  22. 22. Esempio di come chiarire un concetto a partire da un insieme di dati direttamente difficili da interpretare Quanti galloni di benzina per passeggero occorrono per coprire una distanza di 350 miglia? http://www.good.is/
  23. 23. Pianificare una rappresentazione dell’informazione Quale tipo di dati è più adatto ad essere rappresentato sotto forma di grafico, diagramma o mappa? Le Mappe sono utili per l’illustrazione di fenomeni spaziali. I Grafici vengono più spesso utilizzati per illustrare l’evoluzione di trend e quantità nel tempo. I Diagrammi (di flusso e non) possono essere meglio impiegati per illustrare processi o relazioni. Come riconoscere quale tipo d’informazione rappresentare e quale ignorare? Gli aspetti chiave da chiarire sono: • Quale storia desidero raccontare? • A chi mi voglio rivolgere? • Come desidero catturare l’attenzione dei destinatari del mio messaggio?
  24. 24. Pianificare una rappresentazione dell’informazione Qual è l’effetto che si desidera produrre nel destinatario? Rispondere a questa domanda aiuterà a stabilire di quale natura sia la propria audience, e cosa si desidera che susciti in essa il proprio lavoro di design Si consideri il contenuto della storia così come il tono e la forma del messaggio. Come verrà letto il nostro messaggio? La nostra audience dimostra di avere un interesse a priori per il soggetto rappresentato oppure il nostro obiettivo è quello di raggiungere nuovi destinatari? Si pianifichi la rappresentazione sulla base delle preferenze del destinatario, e non per se stessi
  25. 25. Lavorare sui dati Quale informazione devo raccogliere? Quali tipi di dati ho a disposizione? I dati sono utilizzabili per scopi di rappresentazione? Ma soprattutto, i dati sono adatti per rappresentare il messaggio che desidero rivolgere ai miei destinatari?
  26. 26. “ Media” e “Mezzo” Su quale supporto, media, o mezzo verrà pubblicata la nostra rappresentazione? Come verrà pubblicata e distribuita? I Media differiscono notevolmente tra loro in termini di visibilità e di costi. Quale media è più adatto per la nostra campagna. Quale audience per i nostri grafici? La velocità è un elemento chiave. I destinatari saranno in grado di fermarsi a leggere i grafici? O si limiteranno a dedicar loro solo pochi secondi? Un “mezzo” più rapido potrebbe richiedere un approccio molto più d’impatto e semplice. Un “mezzo” più lento potrebbe consentire l’impiego di una maggiore densità informativa La nostra rappresentazione è destinata a durare nel tempo?
  27. 27. Suggerimenti per la propria rappresentazione • Preferire sempre la soluzione più semplice • Rappresentare preferibilmente confronti, contrasti e differenze • Il titolo è chiaro? • Utilizzare le legende lì dove possibile • Citare sempre le fonti. Per la rappresentazione di dati questo è un aspetto fondamentale • Limitare per quanto possibile l’utilizzo di numeri: Essi stessi sono una rappresentazione. Utilizzarli significa utilizzare una rappresentazione dentro la rappresentazione
  28. 28. Suggerimenti per la propria rappresentazione • Minimizzare il numero di passaggi richiesti per l’interpretazione della rappresentazione • Dare importanza al contesto
  29. 29. La nuova rivoluzione dell’Information Design su monitor: L’interazione e l’animazione Migliore Visualizzazione/Animazione del 2009 (secondo il mio personale giudizio)…: Jonathan Jarvis (http://crisisofcredit.com/)
  30. 30. Processing http://processing.org /
  31. 31. Processing è uno strumento open source distribuito sotto GNU Public License (GPL) Processing consiste di: • Un Ambiente di Sviluppo (Processing Development Environment, PDE). Questo software può essere eseguito con il semplice doppio clic sull’icona di Processing. PDE è un Ambiente Integrato di Sviluppo (IDE) composto da un insieme minimale di funzionalità. • Raccolta di funzioni (anche note come comandi o metodi) che compongono il “core” dell’interfaccia di programmazione (API), così come delle molte librerie progettate per l’integrazione di funzioni più avanzate e specifiche (OpenGL, lettura file XML, salvataggio in formato PDF, ecc.) • Una sintassi identica a Java ma con piccole modifiche • Una comunità attiva online, ospitata in http://processing.org Processing
  32. 32. Sketch con Processing “hello world” “hello mouse” Esportare e distribuire il tuo lavoro Creare immagini del tuo lavoro Caricamento e visualizzazione dei dati Librerie Introduzione all’utilizzo
  33. 33. Sistema di Coordinate e Forme (spazio delle coordinate)
  34. 34. Definizione di un punto Sistema di Coordinate e Forme (Forme semplici)
  35. 35. Definizione di una linea Sistema di Coordinate e Forme (Forme semplici)
  36. 36. Definizione di un quadrato con definizione coord. angolo in alto a sinistra e misure di lunghezza e larghezza Sistema di Coordinate e Forme (Forme semplici)
  37. 37. Sistema di Coordinate e Forme (Forme semplici) Definizione di un quadrato in modalità rectMode(CENTER) (coord. centro, lunghezza e altezza)
  38. 38. Sistema di Coordinate e Forme (Forme semplici) Definizione di un quadrato in modalità rectMode(CORNERS) (coord. 4 angoli)
  39. 39. Sistema di Coordinate e Forme (Forme semplici) Definizione di un’ellisse e diverse modalità della funzione ellipseMode()
  40. 40. Esempi applicativi Pur trattandosi di un vero e proprio linguaggio di programmazione, la logica è semplice ed accessibile a tutti
  41. 41. Alcune risorse utili per Processing http://www.openprocessing.org/ http://www.vimeo.com/tag:processing.org http://www.processingblogs.org/ Visualizing Data By Ben Fry Learning Processing By Daniel Shiffman
  42. 42. ggplot
  43. 43. <ul><li>• Installazione di ggplot2 in R </li></ul><ul><li>http://had.co.nz/ggplot2 </li></ul><ul><li>• documentati 99 oggetti ggplot con oltre 500 esempi </li></ul><ul><li>• i realizzatori del pacchetto sono disponibili per feedback e contributi </li></ul><ul><li>• il manuale dedicato è uno dei più completi mai scritti per un pacchetto di R </li></ul>
  44. 44. Diamanti <ul><li>• Oltre 54.000 diamanti archiviati in http://www.diamondse.info </li></ul><ul><li>Carati, colore, chiarezza, taglio </li></ul><ul><li>• Profondità, larghezza, altezza </li></ul><ul><li>• Prezzo </li></ul>
  45. 45. qplot <ul><li>• Offre tutte le funzionalità di ggplot con in più una sintassi semplificata </li></ul><ul><li>Caratteristiche aggiuntive </li></ul><ul><li>I dati vengono scalati automaticamente </li></ul><ul><li>• E’ possibile produrre qualsiasi tipo di grafico </li></ul><ul><li>• Sfondi e margini </li></ul>
  46. 46. qplot qplot(diamonds$carat, diamonds$price) qplot(carat, price, data = diamonds) qplot(carat, price, data = diamonds,colour=clarity) qplot(carat, price, data = diamonds,geom=c(&quot;point&quot;, &quot;smooth&quot;), method=lm) qplot(carat, data = diamonds,geom=&quot;histogram&quot;) qplot(carat, data = diamonds,geom=&quot;histogram&quot;, binwidth = 100)
  47. 47. Componenti <ul><li>Dati </li></ul><ul><li>Oggetto geometrico (geom) </li></ul><ul><li>Trasformazione statistica (stat) </li></ul><ul><li>Scale </li></ul><ul><li>Sistema di coordinate </li></ul><ul><li>(+ Aggiustamento posizionamento, sfondo) </li></ul>
  48. 48. Istogramma <ul><li>Geom: bar o histogram </li></ul><ul><li>Stat: bin </li></ul><ul><li>Scala: lineare </li></ul><ul><li>Sistema di coordinate </li></ul><ul><li>Cartesiano </li></ul>qplot(carat,data = diamonds,geom=&quot;bar&quot;)
  49. 49. Scatterplot <ul><li>Geom: bar o histogram </li></ul><ul><li>Stat: bin </li></ul><ul><li>Scala: lineare </li></ul><ul><li>Sistema di coordinate </li></ul><ul><li>Cartesiano </li></ul>qplot(speed, dist, data = cars,geom=&quot;point&quot;)
  50. 50. Funzione ggplot (definizione del grafico per strati) La precedente è una semplificazione Si può ricorrere ad una logica molto più raffinata, detta “a strati” attraverso il ricorso alla funzione ggplot Strato (layer): data + mapping + geom + stat + position
  51. 51. Definizione del grafico ggplot(data, mapping) + layer( stat = &quot;&quot;, geom = &quot;&quot;, position = &quot;&quot;, geom_parms = list(), stat_params = list(), )
  52. 52. Strati <ul><li>Solitamente non verrà scritto l’intera specificazione, ma si useranno delle abbreviazioni: </li></ul><ul><li>- geom_smooth() </li></ul><ul><li>- stat_summary() </li></ul><ul><li>- … </li></ul><ul><li>Ogni geom ha la sua statistica predefinita, ogni statistica ha un geom predefinito (anche se questo può essere sovrascritto) </li></ul>
  53. 53. Esempi d <- ggplot(diamonds,aes(x=carat, y=price)) d + geom_point() d + geom_point(aes(colour = carat)) ggplot(diamonds,aes(x=price, y=carat)) + geom_point(aes(colour = carat))
  54. 54. Data + Mapping (Dati + Mappatura) <ul><li>Dati e mappature solitamente definiscono le caratteristiche principali del grafico: </li></ul><ul><li>ggplot(data, mapping = aes(x=x,y=y) </li></ul><ul><li>La funzione aes descrive il tipo di relazione </li></ul>
  55. 55. Geom (geometrie) <ul><li>Geom definisce la “forma” base degli elementi nel grafico </li></ul><ul><li>Punti, linee, poligoni, barre, testo </li></ul><ul><li>Statistiche: istogrammi, lisciamenti, densità </li></ul><ul><li>Possibilità composite: boxplot, range valori </li></ul>
  56. 56. Stat (statistiche) <ul><li>Non ancora utilizzate esplicitamente, anche se sottostanno a molti strati qui creati; alcune geometrie (geom) implicano infatti un loro utilizzo “nascosto”: </li></ul><ul><li>- geom_histogram = stat_bin + geom_bar </li></ul><ul><li>- geom_smooth = stat_smooth + geom_ribbon </li></ul><ul><li>- geom_density = stat_density + geom_ribbon </li></ul>
  57. 57. Esempi p <- ggplot(diamonds, aes(x=price)) p + geom_histogram() p + stat_bin(geom=&quot;area&quot;) p + stat_bin(geom=&quot;point&quot;) p + stat_bin(geom=&quot;line&quot;) p + geom_histogram(aes(fill = clarity))
  58. 58. Risorse Risorse http://had.co.nz/ggplot/ http://had.co.nz/ggplot2/book/ http://addictedtor.free.fr/graphiques/
  59. 59. Gapminder http://www.gapminder.org/
  60. 60. <ul><li>• Animazione ed Interattività avanzate alla portata di tutti </li></ul><ul><li>• Capacità di spiegare un fenomeno composto da: </li></ul><ul><li>Componente temporale </li></ul><ul><li>Analisi bivariata </li></ul><ul><li>Appartenenza di gruppo </li></ul><ul><li>• Potenzialità infinite della tecnologia Adobe Flash </li></ul>
  61. 61. Risorse su web Critica grafica http://junkcharts.typepad.com/ Intrattenimento http://www.good.is/ Come rappresentare flussi di dati in modo convincente e affascinante http://flowingdata.com/ Il paradiso della visualizzazione “tutta” http://infosthetics.com/ Iniziativa tutta italiana di divulgazione ed elaborazione di materiale, progetti e studi nell’ambito del Master Degree in Communication Design at the Politecnico di Milano (http://www.densitydesign.org/)
  62. 62. Eminenze Edward Tufte “ Il Leonardo da Vinci dei dati” http://www.edwardtufte.com/tufte/ Ben Fry Ovvero Mr Processing http://benfry.com/ Steve Duenes Direttore Grafico presso il New York Times http://www.nytimes.com/
  63. 63. Strumenti R http://www.r-project.org/ Microsoft Excel Processing http://processing.org/ HTML + CSS + Javascript Flash/Action Script http://www.adobe.com/flashplatform/
  64. 64. Piattaforme di Condivisione Visualizzazioni e Dati ManyEyes http://manyeyes.alphaworks.ibm.com/manyeyes/ Swivel http://www.swivel.com/ Zoho Sheet http://sheet.zoho.com/ Google Docs docs.google.com/
  65. 65. Grazie mille a tutti
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×