Search This Blog

Tuesday, July 25, 2017

Constance: an experiment with Object Constancy

This is a little experiment based on Mike Bostock's writings about object constancy and Jeffrey Heer's paper on Animated Transitions in Statistical Data Graphics.

The idea of animating the transition between data visualizations - keeping object constancy as they change - is to allow the user to track elements of interest. The animation allows the user to make a connection between the different facets surfaced by each visualization.

This technique animates between D3.js layout calculations. Rectangles are converted to circles and vice-versa through the manipulation of the rx and ry attributes of the SVG rect element.

You can play with the demo here:
Constance demo

No comments:

Post a Comment