A starter kit that uses Hooks-based components and D3 version 5 modules.
React and D3 both want to manage the DOM which can be a challenge bringing D3 into a React project. This repo demonstrates how hooks are used to load data for the chart with
d3-fetch and then to provide a reference to an
<svg> element. D3 then extends that
<svg> to produce a simple horizontal bar chart. It is oriented at providing a good start for a CRA project using D3.
The D3 margin convention is used to define margin & svg width and height. React renders the initial svg. D3 extrapolates from that element.
The D3 API is here
Enjoy your D3ing!
Subscribe to React.js Examples
Get the latest posts delivered right to your inbox