Gemini: A Grammar and Recommender System for AnimatedTransitions in Statistical Graphics

09/03/2020
by   Younghoon Kim, et al.
0

Animated transitions help viewers follow changes between related visualizations. Specifying effective animations demands significant effort: authors must select the elements and properties to animate, provide transition parameters, and coordinate the timing of stages. To facilitate this process, we present Gemini, a declarative grammar and recommendation system for animated transitions between single-view statistical graphics. Gemini specifications define transition "steps" in terms of high-level visual components (marks, axes, legends) and composition rules to synchronize and concatenate steps. With this grammar, Gemini can recommend animation designs to augment and accelerate designers' work. Gemini enumerates staged animation designs for given start and end states, and ranks those designs using a cost function informed by prior perceptual studies. To evaluate Gemini, we conduct both a formative study on Mechanical Turk to assess and tune our ranking function, and a summative study in which 8 experienced visualization developers implement animations in D3 that we then compare to Gemini's suggestions. We find that most designs (9/11) are exactly replicable in Gemini, with many (8/11) achievable via edits to suggestions, and that Gemini suggestions avoid multiple participant errors.

READ FULL TEXT

page 1

page 2

page 3

page 4

research
09/11/2020

Narrative Transitions in Data Videos

Transitions are widely used in data videos to seamlessly connect data-dr...
research
06/27/2021

AniVis: Generating Animated Transitions Between Statistical Charts with a Tree Model

Animated transitions help viewers understand changes between related vis...
research
02/27/2023

Deimos: A Grammar of Dynamic Embodied Immersive Visualisation Morphs and Transitions

We present Deimos, a grammar for specifying dynamic embodied immersive v...
research
08/09/2021

Gemini2: Generating Keyframe-Oriented Animated Transitions Between Statistical Graphics

Complex animated transitions may be easier to understand when divided in...
research
09/01/2020

Encodable: Configurable Grammar for Visualization Components

There are so many libraries of visualization components nowadays with th...
research
01/11/2022

JSOL: JavaScript Open-source Library for Grammar of Graphics

In this paper, we introduce the JavaScript Open-source Library (), a hig...
research
01/29/2021

Aquanims: Area-Preserving Animated Transitions in Statistical Data Graphics based on a Hydraulic Metaphor

We propose "aquanims" as new design metaphors for animated transitions t...

Please sign up or login with your details

Forgot password? Click here to reset