for d3-force medium post

ticked.js

export const ticked = (link, node, edgepaths, edgelabels) => {
  link
      .attr("x1", function (d) {return d.source.x;})
      .attr("y1", function (d) {return d.source.y;})
      .attr("x2", function (d) {return d.target.x;})
      .attr("y2", function (d) {return d.target.y;});

  node.attr("transform", 
  function (d) {return "translate(" + d.x + ", " + d.y + ")";});

  edgepaths.attr('d', function (d) {
      return 'M ' + d.source.x + ' ' + d.source.y + ' L ' + d.target.x + ' ' + d.target.y;
  });

  edgelabels.attr('transform', function (d) {
      if (d.target.x < d.source.x) {
          let bbox = this.getBBox();

          let rx = bbox.x + bbox.width / 2;
          let ry = bbox.y + bbox.height / 2;
          return 'rotate(180 ' + rx + ' ' + ry + ')';
      }
      else {
          return 'rotate(0)';
      }
  });
}


// used as:
    simulation
        .nodes(nodes)
        .on("tick", () => { ticked(link, node, edgepaths, edgelabels)});