A few examples ranging in complexity showcasing how to hook up react to d3.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
client
public
.gitignore
README.md
package.json
server.js
webpack.config.js

README.md

react + d3 = <3

This is an app with four different React + D3 examples. Those examples can be found under client/componets/example_XX. They grow in complexity but ultimately build an animated bubble chart from the data under reducers/data_XX.json.

screenshot

Running the app

npm install
npm start

Structure

The app is structured using Redux as a flux alternative and uses the Redux Dev Tools along with the React Hot Loader to provide an awesome development experience.

References

For a final version of the bubble chart that we're building here, head over to the React Bubble Chart repo, and for a more thorough development/production boilerplate using redux and react hot loader, head over to the React Redux Webpack Boilerplate repo. You can also read my blog post on using react with D3 here.