Академический Документы
Профессиональный Документы
Культура Документы
Representations
Information Visualization
April. 30, 2008
Carsten Görg
Slides adapted
from John Stasko
Housekeeping
1
Agenda
Data Sets
2
Example
• Cars
− make
− model
− year
− miles per gallon
− cost
− number of cylinders
− weights
− ...
Data Tables
3
Data Table Format
...
Think of as a function
f(case1) = <Val11, Val12,…>
Example
Age 23 17 47 29
...
People in class
4
Example
Baseball
statistics
Variable Types
5
Metadata
6
Representation
Good Example
www.nationmaster.com
7
Basic Symbolic Displays
• Graphs Å
• Charts
• Maps
• Diagrams
From:
S. Kosslyn, “Understanding charts
and graphs”, Applied Cognitive
Psychology, 1989.
1. Graph
100
80
60
East
40 W est
20 North
0
1st 2nd 3rd 4th
Q tr Q tr Qtr Qtr
8
Properties
• Graph
− Visual display that illustrates one or more
relationships among entities
− Shorthand way to present information
− Allows a trend, pattern or comparison to be
easily comprehended
Issues
money
time
Summer term 2008 18
9
Graph Components
• Framework
− Measurement types, scale
• Content
− Marks, lines, points
• Labels
− Title, axes, ticks
• Chart
• Map
• Diagram
10
2. Chart
3. Map
11
Choropleth Map
Cartography
12
4. Diagram
Details
13
Visual Structures
• Composed of
− Spatial substrate
− Marks
− Graphical properties of marks
Space
• Visually dominant
• Often put axes on space to assist
• Use techniques of
composition, alignment, folding,
recursion, overloading to
1) increase use of space
2) do data encodings
14
Marks
Graphical Properties
Expressing Position
Grayscale
extent Size
15
Back to Data
Univariate Data
• Representations
7 Bill
Tukey box plot
5
low Middle 50% high
3
1
Mean
0 20
16
What goes where
• In univariate representations, we often think of the data
case as being shown along one dimension, and the
value in another
Line Bar
graph graph
Alternative View
17
Bivariate Data
• Representations
price
Trivariate Data
• Representations
horsepower
mileage
18
Alternative Representation
Alternative Representation
19
Hypervariate Data
Multiple Views
1
A B C D E
1 4 1 8 3 5 2
2 6 3 4 2 1
3 5 7 2 4 3 3
4 2 6 3 1 5
A B C D E
Summer term 2008 40
20
Scatterplot Matrix
Chernoff Faces
21
Paper Recap
Introduction
22
MultiNav
23
Sources Used
CMS book
Referenced articles
Marti Hearst SIMS 247 lectures
Kosslyn ‘89 article
A. Marcus, Graphic Design for Electronic Documents
and User Interfaces
M. Monmonier, How to Lie with Maps
W. Cleveland, The Elements of Graphing Data
C. H. Yu, Visualization Techniques of Different Dimensions
http://seamonkey.ed.asu.edu/~behrens/asu/reports/compre/comp1.html
http://www.csc.ncsu.edu/faculty/healey/PP/PP.html
24