Download - Multiple View Strategies
![Page 1: Multiple View Strategies](https://reader036.vdocument.in/reader036/viewer/2022062500/56814fa0550346895dbd5e55/html5/thumbnails/1.jpg)
Multiple View Strategies
cs5984: Information Visualization
Chris North
![Page 2: Multiple View Strategies](https://reader036.vdocument.in/reader036/viewer/2022062500/56814fa0550346895dbd5e55/html5/thumbnails/2.jpg)
Quiz
• 2 strategies for making overviews:• hammer: visually compress
• Chainsaw: cut» Aggregate items or attrs
» Eliminate items or attrs
![Page 3: Multiple View Strategies](https://reader036.vdocument.in/reader036/viewer/2022062500/56814fa0550346895dbd5e55/html5/thumbnails/3.jpg)
Problem
• Can’t display everything in one view
• Scale: • Many attributes• Many items
• Complex data• Multiple data tables
(Relational databases)• Multiple data types
(e.g. tables, images)
• Need different visualizations for different parts of data
![Page 4: Multiple View Strategies](https://reader036.vdocument.in/reader036/viewer/2022062500/56814fa0550346895dbd5e55/html5/thumbnails/4.jpg)
Solution
• Multiple Views
• Linked• a.k.a. Tightly coupled, Coordinated views
• User interaction in one view affects other view(s)
Ties parts together
Separates data into parts
![Page 5: Multiple View Strategies](https://reader036.vdocument.in/reader036/viewer/2022062500/56814fa0550346895dbd5e55/html5/thumbnails/5.jpg)
Strategies for LinkingA Rough Taxonomy:
• Link = link between actions in two views
• 3 possible combinations:• select select: Brushing and Linking
• select navigate: Overview and Detail
• navigate navigate: Synchronized Navigation
select,navigate
select,navigate
link
![Page 6: Multiple View Strategies](https://reader036.vdocument.in/reader036/viewer/2022062500/56814fa0550346895dbd5e55/html5/thumbnails/6.jpg)
Brushing and Linking• select select
• Many attributes
![Page 7: Multiple View Strategies](https://reader036.vdocument.in/reader036/viewer/2022062500/56814fa0550346895dbd5e55/html5/thumbnails/7.jpg)
Brushing and Linking
• Multiple perspectives
![Page 8: Multiple View Strategies](https://reader036.vdocument.in/reader036/viewer/2022062500/56814fa0550346895dbd5e55/html5/thumbnails/8.jpg)
Brushing and Linking
• Multiple data types
• Mutually exclusive structures
![Page 9: Multiple View Strategies](https://reader036.vdocument.in/reader036/viewer/2022062500/56814fa0550346895dbd5e55/html5/thumbnails/9.jpg)
Overview and Detail• select navigate
• Word
• Webframes
![Page 10: Multiple View Strategies](https://reader036.vdocument.in/reader036/viewer/2022062500/56814fa0550346895dbd5e55/html5/thumbnails/10.jpg)
Overview and Detail
Many items, few attributes to Few items, many attributes (something about everything) (everything about something)
![Page 11: Multiple View Strategies](https://reader036.vdocument.in/reader036/viewer/2022062500/56814fa0550346895dbd5e55/html5/thumbnails/11.jpg)
Overview and DetailDrill down
1:M
3 levels:• folders• files• file
![Page 12: Multiple View Strategies](https://reader036.vdocument.in/reader036/viewer/2022062500/56814fa0550346895dbd5e55/html5/thumbnails/12.jpg)
Synchronized Navigation
• navigate navigate
• E.g. synchronized scrolling
![Page 13: Multiple View Strategies](https://reader036.vdocument.in/reader036/viewer/2022062500/56814fa0550346895dbd5e55/html5/thumbnails/13.jpg)
Synchronized Navigation
• Isnt it nice? Dreamweaver macromedia
![Page 14: Multiple View Strategies](https://reader036.vdocument.in/reader036/viewer/2022062500/56814fa0550346895dbd5e55/html5/thumbnails/14.jpg)
Quiz
• Dynamic Queries?
![Page 15: Multiple View Strategies](https://reader036.vdocument.in/reader036/viewer/2022062500/56814fa0550346895dbd5e55/html5/thumbnails/15.jpg)
Quiz
Transitivity
![Page 16: Multiple View Strategies](https://reader036.vdocument.in/reader036/viewer/2022062500/56814fa0550346895dbd5e55/html5/thumbnails/16.jpg)
Visualization SpreadSheet
• Chi, “Visualization Spreadsheet”• Mudita, Abhi
![Page 17: Multiple View Strategies](https://reader036.vdocument.in/reader036/viewer/2022062500/56814fa0550346895dbd5e55/html5/thumbnails/17.jpg)
Snap
• North, “Snap-Together Visualization”• Varun, Kumar
![Page 18: Multiple View Strategies](https://reader036.vdocument.in/reader036/viewer/2022062500/56814fa0550346895dbd5e55/html5/thumbnails/18.jpg)
Visage
• Roth et al, CMU
• Data-centric
• Drag-and-drop data
• Brushing
• Sage: view construction
• http://www-2.cs.cmu.edu/~sage/visage.html
![Page 19: Multiple View Strategies](https://reader036.vdocument.in/reader036/viewer/2022062500/56814fa0550346895dbd5e55/html5/thumbnails/19.jpg)
Next Week
• Book chapter 8
• Tues: Trees• Rao, “Hyperbolic Trees”
» david, harsha
• Robertson, “Cone Trees”» anuj, atul
• Thurs: Trees• Johnson, “Treemaps”
» vishal, jeevak
• Beaudoin, “Cheops”» jon, mudita
![Page 20: Multiple View Strategies](https://reader036.vdocument.in/reader036/viewer/2022062500/56814fa0550346895dbd5e55/html5/thumbnails/20.jpg)
Homework #3
• Due Thurs Nov 1
• See website for important details
• Zoomable visualization design• Use Jazz HiNote to create an information space
• Topic ideas: hobby, life story, event, academic field
• Goal: help someone learn about topic
• 1 page report: analysis of zooming concept, your design
• Be creative, have fun!
• http://infovis.cs.vt.edu/cs5984/homework3/chnorth1.html
• http://vtopus.cs.vt.edu/~north/infoviz/hinoteapplet.html
New!