Full tutorial coming soon! In the meantime, check the JSFiddle below.
This visualization shows the top 2011 NYC baby names by mother’s ethnicity.Β The vis is a variation on our static bubble chart, but with some fun multi-foci force direction added in.
Background from the D3 API reference and more:
- quick primer on animations and transitions in visualizations
- force layout
- bubble chart asΒ a flattened pack layout
- the pack layout is one of D3’s hierarchy layouts
This tutorial is based on our previous bubble chart tutorialΒ and M. Bostock’s multi-foci force layout,Β as well as ourΒ bar chart tutorial,Β Bostock’s bubble chart example, and InfoCaptor’s Bubble My Page service.