Intergrate with React¶

Overview¶

JSX

Since you will not be using D3 to update the DOM, you need to write equivalent JSX code to create the svg elements.

Transitions

D3 transitions functions cannot be used. However its probably best to avoid the Transitions altogether to start with, if they don’t provide a real business value to your use case. You may try using React Animation however it will be a separate topic to discuss in future posts.Otherwise the only option is to use the core d3 library to perform the animation.

Reference¶

http://www.adeveloperdiary.com/react-js/integrate-react-and-d3/

https://www.influxdata.com/blog/guide-d3js-react/

https://oli.me.uk/d3-within-react-the-right-way/