D3Js Force Graph

Force simplest

https://strongriley.github.io/d3/ex/force.html

Force v6

https://observablehq.com/@brunolaranjeira/d3-v6-force-directed-graph-with-directional-straight-arrow

Force multiple forces constrain

https://bl.ocks.org/rpgove/2c523eb97f594de8ae0d04e305495c72

d3-force testing ground

https://bl.ocks.org/steveharoz/8c3e2524079a8c440df60c1ab72b5d03

d3-dag

https://github.com/erikbrinkman/d3-dag

https://github.com/BenPortner/js_family_tree

force in a box

https://github.com/john-guerra/forceInABox

force center

https://observablehq.com/@d3/forcecenter-strength

simulation.on("tick", () => {
    g.selectAll("circle:not(.exit)")
      .data(simulation.nodes(), d => d.id)
      .join(
        enter => enter.append("circle")
            .attr("fill", d => d3.interpolateSinebow(d.id))
            .attr("r", 1)
          .transition()
            .duration(2000)
            .attr("r", 19)
          .selection(),
        update => update
            .attr("cx", d => d.x)
            .attr("cy", d => d.y),
        exit => exit
            .classed("exit", true)
          .transition()
            .duration(2000)
            .attr("fill", "#eee")
            .attr("r", 1)
            .remove()
      );
  });