[Solved]-How can I draw simple lines (flows) between arcs in D3.js?-d3.js

// draw the flow line
let flowLine = d3.line()
  .x((d) => { return d.x; })
  .y((d) => { return d.y; })
  .curve(d3.curveBundle.beta(0.5));

// append each flow to the svg
layer0.selectAll('.flow')
  .data(arrayOfCoordinates) // [[{1, 1},{{2, 2}}][{3, 3},{{4, 5}}]] - centroid coordinates for arcs in the circle
  .enter().append('path')
  .style('fill', 'none')
  .style("stroke", '#000')
  .style('stroke-width', '1px')
  .attr('d', flowLine);

For more details:

• https://github.com/d3/d3-shape (curveBundle)

• http://bl.ocks.org/emmasaunders/c25a147970def2b02d8c7c2719dc7502 (curveBundle)