Garmaine Staff asked 2 years ago

Im making a data visualization using d3 and react. Im trying to use react to render and d3 just for make calculations.

To draw X-Axis I have a <g> with a reference and to render the X-axis I just use:

const drawAxis = (graphData: graphData[], refXAxis: any, refYAxis: any, xScale: ScaleD3, yScale: ScaleD3): void => {
    let xAxis = d3.axisBottom(xScale);
    let yAxis = d3.axisLeft(yScale);
    let a =;; // so, this line manipulates DOM, I want to do *this* with react.

Is it possible to make this in react way?.