Jaques Bertin CARATTERISTICHE DEI DATI
Transcript of Jaques Bertin CARATTERISTICHE DEI DATI
1
Maria De Marsico
CARATTERISTICHE DEI DATI
1-D
L
INE
AR
2-D
MA
P
3-D
WO
RL
D
TE
MP
OR
AL
MU
LTI-
DIM
EN
SIO
NA
L
TRE
E
NE
TWO
RK
Maria De Marsico
Jaques Bertin
• Jacques Bertin, con la monumentale Semiology of Graphics (1983) ha classificato sistematicamente l’uso degli elementi visuali per mostrare dati e relazioni
• Il sistema di Bertin consiste di sette variabili visuali: posizione, forma , orientamento, colore, tessitura, valore, e taglia…
• … e della semantica visuale per collegare attributi dei dati con elementi visuali (http://en.wikipedia.org/wiki/Jacques_Bertin)
Maria De Marsico
- documenti testuali- codice sorgente di un programma- liste ordinate di elementi
Ogni oggetto - linea possiede attributi, ad esempio data di creazione, data di modifica, occupazione dell’elemento.
Progettazione dell’interfaccia
font colori dimensioni ++
quali metodi per overview, scrolling, selezione
Grosse collezioni di dati monodimensionali
1-D
L
INE
AR
Maria De Marsico
Tra le metodologie classiche bifocal display e fish-eye(detail-in-context)
schema bifocal display
distorsione visiva sui dati
- basate su distorsione visiva che simula zoom
- focus + contesto
1-D
L
INE
AR
2
Maria De Marsico
Variazione della tecnica detail in context proposta daKuederle (2000)
http://www.kuederle.com/Publications/CHI2001/
1-D
L
INE
AR
Maria De Marsico1-
D
LIN
EA
R
FISHEYE MENUSBen Bederson 2000 Human-Computer Interaction LabUniversita’ del Maryland
http://www.cs.umd.edu/hcil/fisheyemenu/
Maria De Marsico
Deformazione prospettica proposta da Robertson(Xerox Parc) nel 1993
uso di prospettiva 3D per visualizzare grosse collezioni didocumenti rettangolari (pagine)
1-D
L
INE
AR
Maria De Marsico
http://www.parc.xerox.com/istl/projects/uir/pubs/pdf/UIR-R-1993-08-Robertson-UIST93-DocumentLens.pdf
DOCUMENT LENS
1-D
L
INE
AR
3
Maria De Marsico
Ancora prospettiva 3D per il prototipo XeroxPERSPECTIVE WALLS
attualmente commercializzato da Inxight corp.http://www.inxight.com
1-D
L
INE
AR
Maria De Marsico
Approccio diverso in SeeSoft sviluppato da AT&T Bell Labse inserito nel pacchetto VisualInsights della Lucent
Ogni linea di un file di testo viene mappata in una riga colorata in base a statistiche di interesse
moduli sorgente di un grosso progetto
http://www1.bell-labs.com/org/11359/projects/seesoft.html
1-D
L
INE
AR
Maria De Marsico
1-D
L
INE
AR
Maria De Marsico
- mappe geografiche- piantine- layout di documenti
Ogni elemento ricopre una parte di un’area condivisa
attributi = forma, colore, dimensioni, posizione
- verificare relazioni di adiacenza o di contenimento - ricercare percorsi tra elementi
azioni di base
2-D
MA
P
4
Maria De Marsico
GIS
ArcView sviluppato da ESRI (Envronmental ResearchInstitute)
http://www.esri.com/software/arcview/
2-D
MA
P
Maria De Marsico
2-D
MA
P
Maria De Marsico
2-D
MA
P
Maria De Marsico
Oggetti del mondo reale dotati di volume, composti di parti dotate di volume in relazione 3D tra esse- molecole- corpo umano- edifici
- verificare relazioni di adiacenza o di contenimento - verificare relazioni sopra-sotto e dentro-fuori
azioni di base
tenere traccia di posizione ed orientamento +risolvere problemi di occlusione
3-D
WO
RL
D
5
Maria De Marsico
3-D
WO
RL
D Alberta Research CouncilAdvanced 3D Architectural Modelling Projecthttp://www.acs.ucalgary.ca/~dwgoulde/arc
Maria De Marsico
3-D
WO
RL
D
Cluster di infiltrazionehttp://phycomp.technion.ac.il/~comphy/nir/percolation.html
Maria De Marsico
TE
MP
OR
AL
Oggetti caratterizzati da un inizio ed una fine nel tempoe che possono sovrapporsi
- anamnesi mediche (storia del paziente)- gestione temporale di progetti
- presentazione storiche
azioni di base
- trovare relazioni prima, dopo, durante tra eventi
- trovare eventi prima, dopo o durante un dato intervallo
6
PERT (Program Evaluationand Review Technique)
TE
MP
OR
AL
TE
MP
OR
AL
PERSPECTIVE WALLS
Maria De Marsico
TE
MP
OR
AL
Prototipo LifeLines sviluppato nel 1997 da Shneiderman, Plaisant, HellerHuman-Computer Interaction LaboratoryUniversita’ del Maryland
Attualmente commercializzato da Diamondbullet
http://www.cs.umd.edu/hcil/lifelineshttp://www.diamondbullet.com/cpr/paper-li.html
7
TE
MP
OR
AL
Maria De Marsico
TE
MP
OR
AL
Strumento timeline in programmi per la creazionedi documenti multimediali Es. Macromedia Director o Flash
Maria De Marsico
MU
LTI-
DIM
EN
SIO
NA
L
Oggetti con n attributi diventano punti in uno spazion-dimensionale
- contenuti di database relazionale
azioni di base
- evidenziare pattern o agglomerati di dati con attributi simili- evidenziare correlazioni tra coppie di attributi- evidenziare vuoti dei dati o linee di tendenza
8
Maria De Marsico
MU
LTI-
DIM
EN
SIO
NA
LHomeFinder sviluppato da Williamson e Shneidermannel 1992
Versione commerciale distribuita da Dreamquesthttp://dq.com/homefind/index.html
Visualizzazione controllata dall’utente di dati multidimensionali
Maria De Marsico
MU
LTI-
DIM
EN
SIO
NA
L
Tecnica perfezionata da Ahlberg e Shneidermannel 1994 col prototipo FilmFinder
+ zoom e color-coding
Base per il prodotto commerciale Spotfirehttp://www.spotfire.com
9
Overview del contenuto della base di datiSelezionate alcune categorie, zoom su anni 1960-95 e popolarita’ 4-9, selezionatoattore Sean Connery
Dettagli sul film selezionato - Selezione di due degli attori (riportata su sliders) Quando la information card si chiude risultato aggiornato in base a nuove richieste
10
Maria De Marsico
SDM (Selective Dynamic Manipulation of Visualizations)Chuan 1995
MU
LTI-
DIM
EN
SIO
NA
L
http://www.ri.cmu.edu/pubs/pub_1123.htmlMaria De Marsico
TRE
E
Collezioni di elementi, ognuno (tranne la radice)collegato ad un elemento padre
- direttori- gerarchie di pagine web- organigrammi
Elementi e link caratterizzati da piu’ attributi
azioni di base (su elementi e link)
- conteggio livelli di un albero- conteggio figli di un elemento- investigare le relazioni gerarchiche
Maria De Marsico
TRE
E
Treemaps (Johnson e Shneiderman 1992)
approccio a mosaico
gli elementi figli sono rettangoli inseriti all’interno deirettangoli degli elementi padre
11
Maria De Marsico
TRE
E
Cone-trees (Robertson 1993 - Xerox Parc)
Maria De Marsico
TRE
E
Cam-trees (Carriere e Katzman 1995 - Xerox Parc)
Maria De Marsico
TRE
EHyperbolic trees (Lamping 1995 -Xerox Parc)
Maria De Marsico
NE
TW
OR
K
Collezioni di elementi, collegati in maniera arbitraria- carte stradali - siti web
Elementi e link caratterizzati da piu’ attributi
azioni di base (su elementi e link)
- trovare percorsi piu’ brevi- trovare percorsi piu’ economici- esplorare percorsi- valutare statistiche sui percorsi
12
Maria De Marsico
NE
TW
OR
K
http://www.bell-labs.com/org/11359/projects/seenet.html
SeeNetAT&T Bell Labs
Traffico telefonico nel giorno di Natale
Maria De Marsico
NE
TW
OR
K
SeeNet3D
La rete globale
Maria De Marsico
Altri esempi …Tableplot (Kwan 2007): ogni cella della tabella è annotata con un simbolo proporzionale al valore della cella – cerchi neri per valori positivi, rombi rossi per i negativi,
Maria De Marsico
Altri esempi …Anamorphic Maps (Tse 2002): a volte è opportuno che una mappa sia in primo piano rispetto ai dati, anziché essere solo lo sfondo
Nella corsa elettorale del 2000 ogni stato è visualizzato con una misura proporzionale al numero di Grandi Elettori