zoomable interfaces and multiple views (2) mao lin huang

17
Zoomable Interfaces and Multiple Views (2) Mao Lin Huang

Upload: madison-norris

Post on 17-Jan-2016

218 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Zoomable Interfaces and Multiple Views (2) Mao Lin Huang

Zoomable Interfaces and Multiple Views (2)

Mao Lin Huang

Page 2: Zoomable Interfaces and Multiple Views (2) Mao Lin Huang

Multiple Views

• Problem: Can’t display everything in 1 view

• Solution: Mutliple views• Key: Coordination / Tight-coupling

• Scale: many attributes• brushing-and-linking

• Scale: many items• Overview and detail

Page 3: Zoomable Interfaces and Multiple Views (2) Mao Lin Huang

Brushing and Linking

Page 4: Zoomable Interfaces and Multiple Views (2) Mao Lin Huang

Brushing and Linking

• Multiple perspectives

Page 5: Zoomable Interfaces and Multiple Views (2) Mao Lin Huang

Brushing and Linking

Page 6: Zoomable Interfaces and Multiple Views (2) Mao Lin Huang

Overview and Detail

Page 7: Zoomable Interfaces and Multiple Views (2) Mao Lin Huang

Overview and Detail

• Word

• Web

Page 8: Zoomable Interfaces and Multiple Views (2) Mao Lin Huang

Overview and Detail

Page 9: Zoomable Interfaces and Multiple Views (2) Mao Lin Huang

Overview and Detail

Page 10: Zoomable Interfaces and Multiple Views (2) Mao Lin Huang

Synchronized Navigation

• E.g. synchronized scrolling

Page 11: Zoomable Interfaces and Multiple Views (2) Mao Lin Huang

Snap-Together Visualization

• Problem: What about other combinations?

• Data

• Tasks

• Views

• Coordination

• Solution: Snap!

Page 12: Zoomable Interfaces and Multiple Views (2) Mao Lin Huang

Windows Explorer ++

Page 13: Zoomable Interfaces and Multiple Views (2) Mao Lin Huang

Web Logs

Page 14: Zoomable Interfaces and Multiple Views (2) Mao Lin Huang

Census Data

Page 15: Zoomable Interfaces and Multiple Views (2) Mao Lin Huang

Photo Library

Page 16: Zoomable Interfaces and Multiple Views (2) Mao Lin Huang

Mailing List

Page 17: Zoomable Interfaces and Multiple Views (2) Mao Lin Huang

Snap Concept

Actions:Actions:

1. Put data tables into visualizations

2. Link actions together– Depends on relationship between tables

Data Data