Reactd3resources
| Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
|---|---|---|---|---|---|---|---|---|---|---|
| Freecodecamp | 374,920 |  | 9 | 2 | 16 hours ago | 22 | October 05, 2018 | 254 | bsd-3-clause | TypeScript |
| freeCodeCamp.org's open-source codebase and curriculum. Learn to code for free. | ||||||||||
| 30 Days Of Javascript | 38,651 | 17 hours ago | 1 | January 19, 2022 | 330 | JavaScript | ||||
| 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: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw | ||||||||||
| Freecodecamp.cn | 36,454 | 3 months ago | 152 | other | CSS | |||||
| FCC China open source codebase and curriculum. Learn to code and help nonprofits. | ||||||||||
| Recharts | 21,135 |  | 3,502 | 1,046 | 21 hours ago | 215 | June 22, 2023 | 491 | mit | TypeScript |
| Redefined chart library built with React and D3 | ||||||||||
| Visx | 17,764 |  | 86 | 13 days ago | 32 | July 11, 2023 | 136 | mit | TypeScript | |
| 🐯 visx | visualization components | ||||||||||
| Nivo | 11,905 |  | 151 | 191 | 19 hours ago | 69 | May 07, 2023 | 119 | mit | TypeScript |
| nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries | ||||||||||
| Victory | 10,489 |  | 686 | 232 | 23 days ago | 236 | June 13, 2023 | 289 | other | JavaScript |
| A collection of composable React components for building interactive data visualizations | ||||||||||
| React Stockcharts | 3,616 |  | 148 | 16 | 7 months ago | 83 | September 04, 2018 | 133 | mit | JavaScript |
| Highly customizable stock charts with ReactJS and d3 | ||||||||||
| Mozaik | 3,583 |  | 50 | 26 | 9 months ago | 64 | December 23, 2016 | 136 | mit | JavaScript |
| Mozaïk is a tool based on nodejs / react / redux / nivo / d3 to easily craft beautiful dashboards | ||||||||||
| React Simple Maps | 2,850 |  | 148 | 79 | 2 months ago | 48 | July 01, 2023 | 153 | mit | JavaScript |
| Beautiful React SVG maps with d3-geo and topojson using a declarative api. | ||||||||||
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
Chat
There is a D3 slack community, get your account here: https://d3-slackin.herokuapp.com Make sure to join #react!
HOWTO/Tutorials/Articles
(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
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.
Videos
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
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
Blocks. Various approaches
Bar Chart and React/Flux (not redux), part of a series
my own approach
d3-react-squared, a framework for reusable, linked charts
