Both React and D3 are awesome, and both are very functional. React is perfect for structuring the view layer of your app, and D3 is perfect for data-based visualizations. Today we'll be talking about how to use them in tandem with as few side-effects as possible. We'll cover everything from getting and formatting your data to aligning the React Component lifecycle with D3. Specifically, we'll be building an animated bubble chart from the ground up in four different iterations.

The app that inspired this talk is Election Insights. The blog post that inspired this talk can be found here (and has the same name as the talk itself).