Explain the steps and methods you would employ using dagre-d3 and d3 curves to restructure graph edges, aiming to achieve a layout similar to the expected image.

[rkma]

I need to restructure the graph edges (have share the screenshot of what i needed) have using dagre d3 graph and with the use of d3 curves

this is expected screen

code for edge construction
Graph.prototype.setEdges = function () {

var _self = this;

var _props = {
		style	: d3.curveStepAfter//d3.curveBasis//d3.curveLinear// d3.curveStep //d3.curveStepBefore//d3.curveStepAfter d3.curveMonotoneX d3.curveLinear
};

var _addEdgeProps = function(e){
	e.curve = _props.style;
	 e.arrowhead =  "normal";
	return e;
};

_self.edges.forEach(function (edge,index) {
	edge.id	= "edge-path-"+index;
    _self.graph.setEdge(edge.from, edge.to, _addEdgeProps(edge));
});

};