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

13

Maria De Marsico

Altri esempi …Tile Maps for Temporal Patterns

Un tassello per ogni giorno dell’anno: il colore indica la concentrazione di ozono su Los Angeles quel giorno

Altro ancora suGallery of Data Visualization

http://www.math.yorku.ca/SCS/Gallery/