visualization by demonstration - computer science at...

40
Visualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket, H. Kim, E. T. Brown and A. Endert IEEE Transactions on Visualization and Computer Graphics 7 March 2017 Dilan Ustek

Upload: hanga

Post on 14-Feb-2018

219 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

Visualization by Demonstration: An Interaction Paradigm for Visual Data Exploration

B. Saket, H. Kim, E. T. Brown and A. EndertIEEE Transactions on Visualization and Computer Graphics

7 March 2017Dilan Ustek

Page 2: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

Data Exploration without Specification

Page 3: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

Introduction

Use demonstrations to generate: - visualizations techniques- mappings- parameters

Page 4: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

Contributions

Page 5: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

Visualization by Demonstration

1. Does not require users to specify vis techniques

2. Extracts vis mappings and parameters

Page 6: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis
Page 7: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

Video

https://www.youtube.com/watch?v=JFdStB0nYRs

Page 8: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

Design Guidelines

Page 9: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

1. Support direct manipulation

2. Balance human/system workload

3. Enable user interactions to drive transformations

4. Enhance interpretability of recommendations

Page 10: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

VisExemplar

Page 11: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

1. Support direct manipulation

Page 12: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

2. Balance human/system workload

Page 13: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

3. Enable user interactions to drive transformations

Page 14: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

4. Enhance interpretability of recommendations

Page 15: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

WHAT Table

Explore, compare, and summarize

Scatterplots and bar chartsManipulation: resize, recolor,

reposition

Hundreds or Thousands

WHY

HOW

SCALE

Page 16: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

Task Example

Page 17: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis
Page 18: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis
Page 19: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis
Page 20: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis
Page 21: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis
Page 22: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis
Page 23: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis
Page 24: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis
Page 25: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

Potential Transformations

Page 26: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

1. Visual Representation

2. Data Mapping

3. Axes

4. View Specification

Page 27: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

1. Visual Representation

2. Data Mapping

3. Axes

4. View Specification

Page 28: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

1. Visual Representation

2. Data Mapping

3. Axes

4. View Specification

Page 29: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

1. Visual Representation

2. Data Mapping

3. Axes

4. View Specification

Page 30: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

Recommendation Engine

Page 31: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis
Page 32: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

Discussion

Page 33: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

1Tradeoff between flexibility of vis-by-demonstration vs. the loss of formality

Page 34: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

2 Other vis techniques

Page 35: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

3 No sophisticated analytic operations

Page 36: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

4Transforming to vis techniques with different graphical encodings

Page 37: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

5 Consistency in visual mappings

Page 38: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

6Exploring methods of presenting recommendations in visualizations

Page 39: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

Critique1. No validation2. Need to keep track of favorite points -> makes comparison hard3. Cannot set axis to a certain attribute4. Great start to the exploration problem.

Page 40: Visualization by Demonstration - Computer Science at UBCtmm/courses/547-17/slides/dilan-interaction.pdf · Visualization by Demonstration 1. Does not require users to specify vis

Dilan UstekThank you!