d3-force-attract I

Example illustrating the use of d3-force-attract with a dynamic attract target.

<!DOCTYPE html>
<html>
  <head>
    <title>d3-force-attract: mouse attract</title>
  </head>

var width = 960,
    height = 500,
    radius = 20;

var nodes = [{
  x: width * Math.random(),
  y: height * Math.random(),
  r: radius
}];

// set up attract force to pull nodes toward mouse location  
var simulation = d3.forceSimulation()
  .force('attract', d3.forceAttract()
    .target([width / 2, height / 2]))
  .on('tick', layoutTick)
  .nodes(nodes);
  
var svg = d3.select('body').append('svg')
    .attr('width', width)
    .attr('height', height);

svg.on('mousemove', function () {
    simulation.force('attract').target(d3.mouse(this));
    simulation
      .alphaTarget(0.3)
      .restart();
  });
  
function layoutTick (e) {
  node
    .attr('cx', function (d) { return d.x; })
    .attr('cy', function (d) { return d.y; });
}

</script>
  </body>
</html>

https://d3js.org/d3.v4.min.js

https://unpkg.com/d3-force-attract@latest