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.
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