Information Visualization 2 Overview and Navigation Chris North
- Slides: 22
Information Visualization 2: Overview and Navigation Chris North cs 3724: HCI
Review • Shneiderman’s Info. Vis. mantra? • overview first, zoom&filter, details on demand • Mapping data to graphics? • 1. data items to visual objects • 2. data attributes to visual properties
The Problem Data a detail data zoom data a O+D Screen a d ta F+C a data trans
Typical Navigation 1 D scrollbar 2 D scrollbars What’s wrong?
Keyhole Problem • • Where am I? Where can I go? Where do I want to go? How do I get there? • Lack of context, overview
Keyhole Problem
Context is Important!
The Problem Data a detail data zoom data a O+D Screen a d ta F+C a data trans
E. g: 3 Overviews of Text (MS Word) Advantages?
Visual Overview • • Show me the data! Map, organization (spatial layout of concepts) What information is (not) available? Adds context info, relationships Enables direct access Encourages exploration HCI metrics: • Improves user performance, learning time, satisfaction Insight
Navigation Strategies • Detail Only • Zooming • Overview+Detail • Focus+Context • Multiple views • Distortion, fisheye
Zooming large 2 D spaces • • Powers of 10 http: //terraserver. homeadvisor. msn. com/image. asp? S=10&T=1&X=2689&Y=20639&Z=17&W=2
Zooming: 2 D • Kid. Pad, Hi. Note, Jazz • http: //www. cs. umd. edu/hcil/jazz/ • Semantic zooming: • Don’t just show things at different size • change objects to make sense • E. g. add/remove detail info • Powers of Ten • Controls?
Overview+Detail: 1 D • See. Soft
Overview+Detail: 2 D Overview: Detail: Square in overview tightly-coupled to scroll bars of detail • Zoom factor = 5
Multiple levels = large scale overview intermediate view • Zoom factor = 125 intermediate view detail view
Multiple Foci Linkit
Focus+Context: 1 D • Fisheye Menu: http: //www. cs. umd. edu/hcil/fisheyemenu/ • Perspective Wall
Focus+Context: 2 D
Comparison • Zooming: • Screen space efficient • Infinite scalability • Lose overview when zoom in • Overview+Detail: • Good scalability, chaining • Multiple foci • Disconnect between views, back-n-forth • Focus+Context: • Integrated overview with detail, connected • Least scalable • Distortion, overview unstable
Quiz • Spotfire? • Table. Lens?
Design Exercise
- North star navigation
- Chris yano dui
- Chris north properties
- North east and north cumbria integrated care system
- Chapter 14 north and south
- Translate
- Introduction to information visualization
- Information visualization
- True north vs magnetic north
- The north pole ____ a latitude of 90 degrees north
- New and navigation schemes selection of window
- Stretch and squish navigation
- Cognitive mapping and planning for visual navigation
- Navigation and seamanship
- Distances
- Basic map reading skills
- Before and after data visualization
- Tamara munzner data visualization
- Signal analysis and visualization
- A nested model for visualization design and validation
- Modeling and visualization of leaf venation patterns
- Vor navigation
- Us coast guard navigation center