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

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

Transcript of Zoomable Interfaces and Multiple Views (2) Mao Lin Huang.

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