Here’s a demonstration for creating quick diagrammatic animations for programming masses. This draws on the tools developed in previous posts (graphic programming, box snapping and animating transformations matrices).
Rather than creating path curves for all of these boxes, Grasshopper is used to array the masses based on a given sorting parameter (volume, height, type, final mass). Once these fixed states are defined, the Transformer component takes care of the animations between.
Animating these transitions provides more than a mere attempt to look flashy. Transitions help the viewer to better understand data. For more info, check out this research from UC Berkeley.