switch between stacked and grouped layouts using sequenced transitions ✨
animations preserve object constancy and allow the user to follow the data across views
animation design by Heer and Robertson inspired by Byron and Wattenberg
this iteration generates random data and draws horizontal bars
an ES2015 implementation in something like the airbnb style
inspired by Stacked-to-Grouped Bars from @mbostock
custom radio buttons from the codepen Pure CSS & HTML cross-browser elegant Radio Buttons from knitevision1
you can also view this set of experiments in github repo form
👏 to @alexmacy for wading through a few thousand transition errors to help me find the data-prep 🐛 causing them all
Stacked-to-Grouped | Generated Data, Vertical Bars
Stacked-to-Grouped | JSON Data, Vertical Bars
Stacked-to-Grouped | Generated Data, Horizontal Bars
Stacked-to-Grouped | JSON Data, Horizontal Bars
Stacked-to-Grouped | JSON Data, Horizontal Bars, String Series Names