Embed Size (px)
Citation preview
starting simple dix &
ellis avi’98
1
presented at AVI’98L’Aquila, Italy
with Geoffrey EllisHuddersfield University
starting simple starting simple adding value to static visualisation
through simple interactionadding value to static visualisation
through simple interaction
starting simple dix &
ellis avi’98
2
adding simple interaction to static visualisation is surprisingly powerful
starting simple dix &
ellis avi’98
3
overviewoverview
past and present visualisation interaction - the key demonstrations discussion
starting simple dix &
ellis avi’98
4
from clay tablets to Tuftefrom clay tablets to Tufte
Mesopotamian tablets
starting simple dix &
ellis avi’98
5
from clay tablets to Tuftefrom clay tablets to Tufte
Mesopotamian tablets 10th Century time line
starting simple dix &
ellis avi’98
6
from clay tablets to Tuftefrom clay tablets to Tufte
Mesopotamian tablets 10th Century time line Excel etc.
83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98bananas
apples
pears
0
2
4
6
8
10
12
14
83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98bananas
apples
pears
year
Trends in fruit sales
starting simple dix &
ellis avi’98
7
interactive visualisationinteractive visualisation
interactive charts and tables OLAP slice and dice Table Lens HIBROWSE and VUSE
starting simple dix &
ellis avi’98
8
table lenstable lens
starting simple dix &
ellis avi’98
9
interactive visualisationinteractive visualisation
interactive charts and tables 2D computer visualisation
Starfield, PDQ Tree Browser Hyperbolic Browser VICKI LifeLines Visage
starting simple dix &
ellis avi’98
10
starfield - 1starfield - 1
starting simple dix &
ellis avi’98
11
starfield - 2starfield - 2
starting simple dix &
ellis avi’98
12
interactive visualisationinteractive visualisation
interactive charts and tables 2D computer visualisation 3D computer visualisation
Virtual Windtunnel Perspective Wall, Cone/Cam Trees Bead AVS
starting simple dix &
ellis avi’98
13
conetreeconetree
starting simple dix &
ellis avi’98
14
camtreecamtree
starting simple dix &
ellis avi’98
15
butterfly browserbutterfly browser
starting simple dix &
ellis avi’98
16
so far.....so far.....
novel visualisation interaction is the key
static visualisation wealth of experience often domain specific wait for novel visualisation?
starting simple dix &
ellis avi’98
17
add interaction to everything?
starting simple dix &
ellis avi’98
18
existing systemsexisting systems
tourist map (often found at the seaside)
example
starting simple dix &
ellis avi’98
19
starting simple dix &
ellis avi’98
20
starting simple dix &
ellis avi’98
21
starting simple dix &
ellis avi’98
22
starting simple dix &
ellis avi’98
23
existing systemsexisting systems
folder (often found on a Macintosh)
example
starting simple dix &
ellis avi’98
24
starting simple dix &
ellis avi’98
25
starting simple dix &
ellis avi’98
26
starting simple dix &
ellis avi’98
27
inventing new examplesinventing new examples
highlighting scatter plots, line graphs and train
timetablesexample
starting simple dix &
ellis avi’98
28
Trains from Paris to Lyon
starting simple dix &
ellis avi’98
29
Trains from Paris to Lyon
starting simple dix &
ellis avi’98
30
Trains from Paris to Lyon
starting simple dix &
ellis avi’98
31
inventing new examplesinventing new examples
highlighting pie charts
reducing clutter tie to outliner
example
starting simple dix &
ellis avi’98
32
starting simple dix &
ellis avi’98
33
starting simple dix &
ellis avi’98
34
inventing new examplesinventing new examples
highlighting pie charts sliding rulers
often found in DTP & CAD packages add to any graph
horizontal rulers graph markers
demonstration
starting simple dix &
ellis avi’98
35
inventing new examplesinventing new examples
highlighting pie charts sliding rulers stacked histograms
easy to compare bottom category difficult for other categories
demonstration
starting simple dix &
ellis avi’98
36
ad hoc or analysisad hoc or analysis
new representation how to add interaction? wait for a bright idea? design heuristics ...
starting simple dix &
ellis avi’98
37
choosing representationschoosing representations
visualisation factors visual affordances
what we can see
objectives, goals and taskswhat we need to see
aestheticswhat we like to see
starting simple dix &
ellis avi’98
38
choosing representationschoosing representations
visualisation factors visual affordances
what we can see
objectives, goals and tasks what we need to see
aesthetics what we like to see
starting simple dix &
ellis avi’98
39
choosing representationschoosing representations
visualisation factors visual affordances objectives, goals and tasks aesthetics
static representation trade-off
starting simple dix &
ellis avi’98
40
choosing representationschoosing representations
visualisation factors static representation trade-off interaction reduces trade-off
stacking histogram overview vs. detail etc. etc. etc.
starting simple dix &
ellis avi’98
41
kinds of interactionkinds of interaction
highlighting and focus drill down and hyperlinks overview and context changing parameters changing representations temporal fusion
starting simple dix &
ellis avi’98
42
application areasapplication areas
office applications (spreadsheets etc.)
presentation packages electronic publishing MIS data mining
starting simple dix &
ellis avi’98
43
interaction is the key
add interaction to everything.
starting simple dix &
ellis avi’98
44
interaction is the key
add interaction to everything.
