It's the same as react but with a chaining style dsl instead of JSX. Rather than mounting a component, you do a selection, then give it some data and define tra

It's the same as react but with a chaining style dsl instead of JSX. Rather than mounting a component, you do a selection, then give it some data and define transformations, ie how to render the data. D3 will look at the current DOM, do a diffing on data similar to React and see which changes need to be made to update the DOM. A quick example (I haven't done d3 in a few months so maybe I got it wrong): const drawBars = (plot, records) => plot.selectAll('rect.bar') .data(records) .join('rect') .attr('class', 'bar') .attr('height', d => d.value) drawBars(d3.select('#plot'), records) // same in React const Bars = ({ records }) => { return ( <> { records.map(d => ( <rect className="bar" height={d.value} /> )) } </> ) } ReactDOM.render( <Bars records={records} />, document.getElementById('#plot') )