Top Banner
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
40

Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

Apr 08, 2019

Download

Documents

duonghanh
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

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 - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

Data Exploration without Specification

Page 3: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

Introduction

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

Page 4: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

Contributions

Page 5: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

Visualization by Demonstration

1. Does not require users to specify vis techniques

2. Extracts vis mappings and parameters

Page 6: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,
Page 7: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

Video

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

Page 8: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

Design Guidelines

Page 9: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

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 - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

VisExemplar

Page 11: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

1. Support direct manipulation

Page 12: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

2. Balance human/system workload

Page 13: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

3. Enable user interactions to drive transformations

Page 14: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

4. Enhance interpretability of recommendations

Page 15: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

WHAT Table

Explore, compare, and summarize

Scatterplots and bar chartsManipulation: resize, recolor,

reposition

Hundreds or Thousands

WHY

HOW

SCALE

Page 16: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

Task Example

Page 17: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,
Page 18: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,
Page 19: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,
Page 20: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,
Page 21: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,
Page 22: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,
Page 23: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,
Page 24: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,
Page 25: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

Potential Transformations

Page 26: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

1. Visual Representation

2. Data Mapping

3. Axes

4. View Specification

Page 27: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

1. Visual Representation

2. Data Mapping

3. Axes

4. View Specification

Page 28: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

1. Visual Representation

2. Data Mapping

3. Axes

4. View Specification

Page 29: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

1. Visual Representation

2. Data Mapping

3. Axes

4. View Specification

Page 30: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

Recommendation Engine

Page 31: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,
Page 32: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

Discussion

Page 33: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

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

Page 34: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

2 Other vis techniques

Page 35: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

3 No sophisticated analytic operations

Page 36: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

4Transforming to vis techniques with different graphical encodings

Page 37: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

5 Consistency in visual mappings

Page 38: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

6Exploring methods of presenting recommendations in visualizations

Page 39: Visualization by Demonstration - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

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 - cs.ubc.catmm/courses/547-17/slides/dilan-interaction.pdfVisualization by Demonstration: An Interaction Paradigm for Visual Data Exploration B. Saket,

Dilan UstekThank you!