UW Interactive Data Lab
IDL logo

Designing Animated Transitions to Convey Aggregate Operations

Younghoon Kim, Michael Correll, Jeffrey Heer. Computer Graphics Forum (Proc. EuroVis), 2019
Figure for Designing Animated Transitions to Convey Aggregate Operations
Staged animated transition for conveying the arithmetic mean (average). Individual data points shift and transform to lines to convey residual values. The residual lines then collapse synchronously, such that the upper and lower parts cancel out to form the average.
Data can be aggregated in many ways before being visualized in charts, profoundly affecting what a chart conveys. Despite this importance, the type of aggregation is often communicated only via axis titles. In this paper, we investigate the use of animation to disambiguate different types of aggregation and communicate the meaning of aggregate operations. We present design ra- tionales for animated transitions depicting aggregate operations and present the results of an experiment assessing the impact of these different transitions on identification tasks. We find that judiciously staged animated transitions can improve subjects' accuracy at identifying the aggregation performed, though sometimes with longer response times than with static transitions. Through an analysis of participants' rankings and qualitative responses, we find a consistent preference for animation over static transitions and highlight visual features subjects report relying on to make their judgments. We conclude by extending our animation designs to more complex charts of aggregated data such as box plots and bootstrapped confidence intervals.
  title = {Designing Animated Transitions to Convey Aggregate Operations},
  author = {Kim, Younghoon AND Correll, Michael AND Heer, Jeffrey},
  journal = {Computer Graphics Forum (Proc. EuroVis)},
  year = {2019},
  url = {https://idl.uw.edu/papers/animated-aggregate-operations},
  doi = {10.1111/cgf.13709}