1 / 26

2-D

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,…

ralph
Download Presentation

2-D

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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 browserMS PhotoEditor • Typical map browsermapquest.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 Info surface • Like ray-tracing zoom window

  15. Semantic Zooming • Zooming in, red object turns to blue label 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 overview intermediate view • Zoom factor = 10*10*10=1000 intermediate 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

More Related