Data Vis Tutorial: D3 Force Directed Bubble Chart

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:

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.