Force-directed graph layout using velocity Verlet integration.

Static force-directed graph

Force-directed web worker

Force-directed graph, canvas

Disjoint force-directed graph

Force-directed graph

Mike Bostock

Collision detection

forceCenter.strength

simulation.tick

Force-directed lattice

Collision Detection

Temporal force-directed graph

Sticky Force Layout

Force layout phyllotaxis arrangement

Mobile patent suits

Clustered Bubbles

Build Your Own Graph!

Modifying a Force-Directed Graph

Force-directed tree

Force-directed graph component

D3 Documentation

d3-force

I've used this as a basis for a viz of my own and it should be noted that the .data link key function ('d => [d.source, d.target]') does not work as expected. If you expand the .join into the enter, update, exit functions, the key function will not correctly identify new vs. current elements. This is likely due to the key function needing a string identifier.

Thanks for the report. I think I’ve fixed this but please share an example if not.