2-D cs5984: Information Visualization Chris North

Powers of 10

Quiz What is the “keyhole problem”? 4 strategies to solve the keyhole problem for 1D? f+c Detail only Zoom O+d

Information Types Multi-dimensional: databases,… 1D: timelines,… 2D: maps,… 3D: volumes,… Hierarchies/Trees: directories,… Networks/Graphs: web,… Document collections: digital libraries,…

2-D Image browsing Maps Photos 2d funcs A powerpiont slide

2-D: large spaces

Tasks? Search for target Patterns Distance Aesthetics Routefinding

Detail Only Typical image browser MS PhotoEditor Typical map browser mapquest.com

Zooming: Pad++ Infinitely zoomable surface (Bederson et al.) Layout information in 2d+scale Interaction: pan+zoom Need more info? Just zoom in! Jazz

Pad++ examples Authored spaces (user specified layouts) E.g: filesystem replacement?, presentations, stories HiNote, Kidpad Counterpoint: powerpoint with zooming

Pad++ examples Automated layouts E.g: File system, web history

Pad++ examples In visualization

Space-Scale

Pad++ on edge Like ray-tracing Info surface window zoom

Semantic Zooming Zooming in, red object turns to blue label

Good/Bad Good: “step back” to get overview “step forward” for more details Infinite space for more details Visual scale  conceptual scale Bad: get lost because of no overview Need work on input device

Overview+Detail Overview:Detail: Zoom factor = 6 Square in overview coupled to scroll bars of detail

Multiple levels = large scale Zoom factor = 10*10*10=1000 overviewintermediate view detail view

Multiple Foci

Multiple Overviews Can have different data types in each view Color slice CaT scan

O+D vs Detail-Only Beard & Walker: 2D Chimera: trees North: 1D (lists) Scrollbars are bad!

Intermediate views? Plaisant, “When an Intermediate view matters” abhi, sandeep Overview?Detail view

Translucency Lieberman, “Macroscope: Powers of Ten Thousand” anusha, mrinmayee

2-D + Attributes Dynamaps: dynamic queries on maps

Assignment Thurs: 2-D, focus+context Robertson, “Document Lens” » priya, parool Leung, “Bifocal displays” » alex, qiang Homework #2 due thurs

Next Week tues: Visual Overview Strategies Stasko, “Information Mural” » ben, ahmed Rayson, “Aggregate Towers” » anil, supriya thurs: Multiple View Strategies Chi, “Visualization Spreadsheet” » mudita, abhi North, “Snap-Together Visualization” » varun, kumarl