1. 2-D cs5984: Information Visualization Chris North

2. Powers of 10

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

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

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

6. 2-D: large spaces http://terraserver.homeadvisor.msn.com/image.asp?S=10&T=1&X=2689&Y=20639&Z=17&W=2

7. Tasks? Search for target Patterns Distance Aesthetics Routefinding

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

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

10. Pad++ examples Authored spaces (user specified layouts) E.g: filesystem replacement?, presentations, stories HiNote, Kidpad http://www.cs.umd.edu/hcil/jazz/play/ http://vtopus.cs.vt.edu/~north/infoviz/hinoteapplet.html Counterpoint: powerpoint with zooming http://www.cs.umd.edu/hcil/counterpoint/

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

12. Pad++ examples In visualization

13. Space-Scale

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

15. Semantic Zooming Zooming in, red object turns to blue label

16. 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

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

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

19. Multiple Foci

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

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

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

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

24. 2-D + Attributes Dynamaps: dynamic queries on maps

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

26. 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