Skip to main content


How to use the D3 visualization library with React-Redux

In this video, Meg Studer talks about the D3.js visualization library (i.e. Data-Driven-Documents) and how its approach to data integrates with React and Redux's Store-based, state-driven rendering flow. Meg provides a brief introduction to D3 drawing - iterating through json with svg's and chained js methods. Through demo files and code snippets, she show where and how to replace D3's native enter-exit-update data-cycling with React-Redux's pattern of state management. Meg also walks through the different syntax options for using svg in React's jsx (as it varies from d3.js documentation) and the pros & cons of integrating d3 methods in React dummy components vs. within Redux actions.

Project Members: Meg Studer

Find the program that fits your life.

Learn about our coding, cybersecurity, and data analytics bootcamps offered on full-time and part-time schedules.