Skip to content

Instantly share code, notes, and snippets.

@ramnathv
Forked from chroth7/reactD3rescources.md
Created February 3, 2016 18:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ramnathv/b5d80a1f0fb8d3a3b60d to your computer and use it in GitHub Desktop.
Save ramnathv/b5d80a1f0fb8d3a3b60d to your computer and use it in GitHub Desktop.
React/D3 Resources

React <-> D3 Resources

This is a incomplete list of resources on how to link react & d3. To my experience, there are as many approaches as there are (enter something numerous here). 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.

This list is UNSORTED.

PLEASE let me know of any other links that should be included here ... or better yet, if there is such a list somewhere else :)

##HOWTO/Tutorials/Articles (find the author's contacts on the respective pages)

10consulting

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

siftblog

A.Sharif

Shirley Wu Medium Blog post

Shirley Wu Dec15 at #wafflejs

Oliver Caldwell ./. source

##github sources/libraries d3act, motivated by Nicolas' approach, see above; this even ...has a youtube motivation

NEW: Victory, by Colin Megill of FormidableLabs again with video

react-d3, library including charts

react-d3-components

link highlights using reflux

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment