D E S I G N I N G M U LT I P L E C O O R D I N AT E D V I S U A L I Z AT I O N S F O R TA B L E T S R A M I K S A D A N A A N D J O H N S TA S K O

G E O R G I A T E C H

7 ” - 1 3 ”

C H A L L E N G E S W I T H TA B L E T S

SCATTERPLOTBARCHARTLINECHARTPARALLEL COORDINATESTREEMAPNODE-LINK DIAGRAMSWORD CLOUDMAPSSPLOM…

SELECTENCODE

FILTERZOOM

SORTRECONFIGURE

CHANGE SCALESHOW DETAILS

CLUSTER…

RELATED WORK

Designing and Implementing an Interactive Scatterplot Visualization for a Tablet Computer Ramik Sadana, John Stasko AVI 2014

Kinetica: Naturalistic multi-touch data visualization Jeff Rzeszotarski, Aniket Kittur. CHI 2014

by

MCV GOALS

MCV GOALS

1. MULTIPLE TECHNIQUES2. CONCURRENT & COORDINATED3. BRUSHING & LINKING

4. INTERACTION 5. LAYOUT 6. SCALABILITY

COMPONENTS

TECHNIQUES

SCATTERPLOT

SCATTERPLOT BARCHARTPARALLEL

COORDINATESLINECHART

COMPONENTS

VIEWS

CANVAS

CANVAS TOOLSVIEW

GALLERY

DETAILS-ON-DEMAND

VIEW LAYOUT AND MANAGEMENT

VIEW LAYOUT AND MANAGEMENTsimplicity

1. STRIVE TO KEEP ALL VISUALIZATIONS IN VIEW (PREVENT SCROLL, PAGINATION, OR TABS)

LAYOUT GOALS

1. STRIVE TO KEEP ALL VISUALIZATIONS IN VIEW (PREVENT SCROLL, PAGINATION, OR TABS)

LAYOUT GOALS

1. STRIVE TO KEEP ALL VISUALIZATIONS IN VIEW (PREVENT SCROLL, PAGINATION, OR TABS)

LAYOUT GOALS

2. EXCLUDE ANY NEED FOR END-USER CUSTOMIZATION OF LAYOUTS

LAYOUT GOALS

2. EXCLUDE ANY NEED FOR END-USER CUSTOMIZATION OF LAYOUTS

LAYOUT GOALS

CANVAS

SCATTERPLOT

CANVAS

SCATTERPLOT

BARCHART

CANVAS

SCATTERPLOT

BARCHART

L INECHART

CANVAS

SCATTERPLOT

BARCHART

L INECHART

CANVAS

SCATTERPLOT

L INECHART

INTERACTIONS

CONSISTENCY

SCATTERPLOT BARCHARTPARALLEL

COORDINATESLINECHART

Operation Interaction

SelectTap To Select One GlyphLasso To Select Multiple Glyphs Swipe On Axis To Select Glyphs Between A Range Of Values

ZoomPinch On View For Fixed-Aspect Ratio Zoom Pinch On An Axis For Zooming In One Direction

Filter Select Glyphs, Then Tap “Keep-Only” Or “Remove” Button

View Data Select Glyphs, Then Drag Table From Below

SELECT

ZOOM

SORT

* AVI

* AVI

OCCLUSION

DISCUSSION

13” 10”

10” 7”

FUTURE WORK

1. ADVANCED LAYOUT MECHANISMS 2. RICHER INTERACTIONS

3. EVALUATION

~ T H A N K S ~

Ramik Sadana ramik@gatech.edu

John Stasko stasko@cc.gatech.edu

Acknowledgements Google Faculty Research Award

NSF Award IIS-1320537