2-d: focus+context cs5984: information visualization chris north

17
2-D: Focus+Context cs5984: Information Visualization Chris North

Upload: elfreda-jackson

Post on 24-Dec-2015

218 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: 2-D: Focus+Context cs5984: Information Visualization Chris North

2-D: Focus+Context

cs5984: Information Visualization

Chris North

Page 2: 2-D: Focus+Context cs5984: Information Visualization Chris North

Wendy Schafer

• Moosburg

moosburg.cs.vt.edu

Page 3: 2-D: Focus+Context cs5984: Information Visualization Chris North

Today• Robertson, “Document Lens”, p 562

» ashwini, aejaaz

• Spence, “Bifocal Lens”, p 331,333

Page 4: 2-D: Focus+Context cs5984: Information Visualization Chris North

Focus+Context

• Details within overview

• “Distortion-oriented display”

• “Fisheye”

• Leung, Apperley, “Taxonomy of distortion-oriented presentations”, book pg 350

Page 5: 2-D: Focus+Context cs5984: Information Visualization Chris North

Visual Transfer Functions

Information surface

Display surface

Identity function = normal flat overview

Bifocal

Page 6: 2-D: Focus+Context cs5984: Information Visualization Chris North

Magnification Functions

1st Derivative

Page 7: 2-D: Focus+Context cs5984: Information Visualization Chris North

Bifocal Display

• Spence, Apperley

Page 8: 2-D: Focus+Context cs5984: Information Visualization Chris North

Bifocal DisplayDisadvantage: 1 dimensional stretching on the 4 sides

Page 9: 2-D: Focus+Context cs5984: Information Visualization Chris North

Perspective Wall / Document Lens

Page 10: 2-D: Focus+Context cs5984: Information Visualization Chris North

NonLinear Magnification• http://www.cs.indiana.edu/hyplan/tkeahey/research/nlm/nlm.html

• http://www.cs.indiana.edu/hyplan/tkeahey/research/papers/infovis.98.html

Page 11: 2-D: Focus+Context cs5984: Information Visualization Chris North

“Bubble”Disadvantage: local context highly de-magnified

Page 12: 2-D: Focus+Context cs5984: Information Visualization Chris North

“Fisheye”, “wide-angle lens”Disadvantage: no flat area

Page 13: 2-D: Focus+Context cs5984: Information Visualization Chris North

Quiz: TableLens

• Bifocal!

Page 14: 2-D: Focus+Context cs5984: Information Visualization Chris North

Fisheye Menus

• Non-linear:

combination of Bubble + fisheye

Page 15: 2-D: Focus+Context cs5984: Information Visualization Chris North

Why not magnifying glass?

• Hides local context

Page 16: 2-D: Focus+Context cs5984: Information Visualization Chris North

F+C vs. O+D• + Space efficient

• + Detail connected to context• Smooth transition

• + matches human vision/processing?

• + Neato!

• - Distortion

• - Longer learning time

• - no flat overview - Need a way to turn off focus

• - Content moves differently than mouse

• - hard to tell zoom factor

• + Scales up to larger data (zoom factor and chaining)

• + Multi foci easier

• + multiple overviews possible

• + Easy to implement, Less math!

•Fast system performance

• - >=2 places to look (cross-eyed!)

•Tracking field-of-view box hard

•Hand-eye coordination problem

• - detail and overview disconnected

• - Windows/space management

• - replicates detail data in overview

Page 17: 2-D: Focus+Context cs5984: Information Visualization Chris North

Assignment

• Read for Thurs (Visual Overview Strategies)• Stasko, “Information Mural”, web

» sanjini, luhui

• Project!• Mid-project status report: Tues March 27