An collection of links/tools/... on how to integrate React & D3. PRs welcome!
Alternatives To Reactd3resources
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Freecodecamp374,9209216 hours ago22October 05, 2018254bsd-3-clauseTypeScript's open-source codebase and curriculum. Learn to code for free.
30 Days Of Javascript38,651
17 hours ago1January 19, 2022330JavaScript
30 days of JavaScript programming challenge is a step-by-step guide to learn JavaScript programming language in 30 days. This challenge may take more than 100 days, please just follow your own pace. These videos may help too:
3 months ago152otherCSS
FCC China open source codebase and curriculum. Learn to code and help nonprofits.
Recharts21,1353,5021,04621 hours ago215June 22, 2023491mitTypeScript
Redefined chart library built with React and D3
Visx17,7648613 days ago32July 11, 2023136mitTypeScript
🐯 visx | visualization components
Nivo11,90515119119 hours ago69May 07, 2023119mitTypeScript
nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
Victory10,48968623223 days ago236June 13, 2023289otherJavaScript
A collection of composable React components for building interactive data visualizations
React Stockcharts3,616148167 months ago83September 04, 2018133mitJavaScript
Highly customizable stock charts with ReactJS and d3
Mozaik3,58350269 months ago64December 23, 2016136mitJavaScript
Mozaïk is a tool based on nodejs / react / redux / nivo / d3 to easily craft beautiful dashboards
React Simple Maps2,850148792 months ago48July 01, 2023153mitJavaScript
Beautiful React SVG maps with d3-geo and topojson using a declarative api.
Alternatives To Reactd3resources
Select To Compare

Alternative Project Comparisons

React <-> D3 Resources

This is a incomplete list of resources on how to link react & d3.

These approaches mostly differ as to 'who' has control over the dom and does the transitions etc. That distinction either requires the user to know more about react or d3, vice versa. Some of the approaches (like react-d3 or react-d3-components) include prebuilt charts, other just provide frameworks to place your charts in.

The following list tries to summarize some of the approaches, hopefully there will be some convergence to a (set of) standard(s), at one point.

Also, I included a short section on charting libraries in react, mostly based on d3, for which you don't have to write D3 yourself.

This list is UNSORTED.

PLEASE let me know of any other links that should be included here ... PRs very welcome


There is a D3 slack community, get your account here: Make sure to join #react!


(find the author's contacts on the respective pages)


formidable labs, Colin Megill: d3js for Math, React for rendering --> see below: Victory library

Video for Victory, at ReactiveConf

Nicolas Hery, let d3 do the charting work



Shirley Wu Medium Blog post

Shirley Wu Dec15 at #wafflejs

Oliver Caldwell ./. source

Swizec Teller: d3 Enter & Exit transitions in React

d4 - Declarative Data-Driven Documents

Mixing d3 and React and Animating d3 and React with react-motion - approach of letting React manage the DOM.


Benjamin Malley at Midwest JS 2015: Interactive Data Visualization with React and D3

D3 with React | Andreas Savvides | Reactive 2015

github sources/libraries and examples

d3act, motivated by Nicolas' approach, see above; this even ...has a youtube motivation

react-d3, library including charts


link highlights using reflux

Polar Charts "react-polar-gg"


d3-component by Curran Kelleher


Concrete implementations of d3 charts as react components

d3 force implementation for react

Wrappers & standalone react-charting libraries (NOT necessarily directly linked to D3)

Victory, of FormidableLabs again with video



react-vis, by Uber


Blocks. Various approaches

React, D3, TopoJSON

Force, React, D3, Part 1

Force, React, D3, Part 2

Force, React, D3, Part 3


Bar Chart and React/Flux (not redux), part of a series

my own approach

d3-react-squared, a framework for reusable, linked charts

live example

blog post

d3-react-squared-c3-loader, loads c3 charts

adding d3-version4 in react, playground

Popular D3 Projects
Popular Reactjs Projects
Popular Web User Interface Categories

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.