65
DESIGNING MULTIPLE COORDINATED VISUALIZATIONS FOR TABLETS RAMIK SADANA AND JOHN STASKO GEORGIA TECH
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 [email protected]
John Stasko [email protected]
Acknowledgements Google Faculty Research Award
NSF Award IIS-1320537
