Visual Overview Strategies

1
Visual Overview Strategies

• CS 5764 Information Visualization
• Chris North

2
Course Map
Spence Ch. 4 Presentation
Spence Ch. 3 Representation
task
Raw Data (information)
Visualization(views)
Data Tables
VisualRepresentation
Datatransformations
Visualmappings
Viewtransformations
User interaction
Spence Ch. 5 Interaction
3
Review

• 4 navigation strategies in 1D/2D info spaces?

4
Why Overviews?
Data
Screen
Advantages?
a
a
data
data
a
data
data
detail zoom OD FC trans
5
Advantages of Overviews

• Helps solve the Keyhole Problem
• Map, spatial organization
• What information is (not) present?
• Relationships of distant parts
• Enables direct access to parts
• Context to current location
• Encourages exploration
• HCI metrics
• Improves user performance, learning time,
  satisfaction
• Studies, e.g. BeardWalker, Leung, Plaisant,
  Chimera, North, etc.

6
Visual Overview Design Goals

• Visual take advantage of human visual
  processing
• Information Rich show as much as you can!
  (while maintaining a clean design)
• Interaction Affordances enable quick access to
  details
• Navigation Zooming, OverviewDetail,
  FocusContext

7
Data Scalability

• Small scalability data easy
• Just show everything
• But, theres always more data
• How much can you show?

8
Overview Strategies for Scalability
Data
Screen

• Screen Reduce visual representation size
• Pack more on the screen
• Or get a bigger screen?
• Data Reduce data quantity
• Use less data to fit screen

9
1. Reduce Visual Representation

• Hammer

Data
Screen
10
E.g. SeeSoft

• 1 line of pixels / line of code

11
Reduce Even More

• Stasko, Information Mural

12
(No Transcript)
13
2. Reduce Data Quantity

• Reduce data quantity to fit screen
• Reduce attributes
• Reduce items
• Reduce value range
• 2 Approaches
• 2.1 Eliminate
• 2.2 Aggregate

14
2.1 Eliminate

• Chainsaw

Data
Screen
15
2.1 Eliminate

• Eliminate items
• Query, Filter, Representative set
• VIDA (Visual Info Density Adjuster) show high
  priority items (video)
• Human-Eye View focused info density
• Eliminate attributes
• Scatterplot selects 2 attributes, ignores rest
• Spotfire use DQ for other attributes
• and Details on demand
• Problem lossy

16
2.2 Aggregate
Combine
d
Screen
Data
17
2.2 Aggregate

• Aggregate items (Group many items into one)
• Which to group together?
• Categorical (SQL group by)
• Spatial (Pad, TableLens, Aggregate Towers)
• Algorithmic (clustering)
• User defined (folders)
• What are attribute values of the groups?
• Math function of group members values (SQL
  group by)
• count, mean, min, max, cluster algorithm
• Abstraction, semantic
• Multiple levels of grouping tree
• Navigation
• Snap-Together Visualization drill down (1M)
• Zooming, Aggregate Towers
• Semantic zooming (Pad, Jazz)

18
(No Transcript)
19
Ward et al. http//davis.wpi.edu/xmdv/movies/
20
(No Transcript)
21
(No Transcript)
22
(No Transcript)
23
Aggregation with Zooming

• Rayson, Aggregate Towers

24
2.2 Aggregate

• Aggregate attributes
• Column math grade (hw1 hw2) / 2
• Star Coordinates vector summaps n attributes
  to 2 (x, y)
• Multi-dimensional scalingstatistical technique
  to map n-D to 1,2,3-D usingdistance between
  points

25
InfoMural vs. TableLens
26
Breakdown Visualization

• Conklin

27
(No Transcript)
28
Summary

• Reduce visual representation Hammer
• Reduce data scale (items,attrs)
• Eliminate Chainsaw
• Aggregate Combine