A force-directed network displays ten black nodes connected by ten gray links, with positions initially seeded from static coordinates. The example uses D3 v7's `d3.forceSimulation` to apply link, charge, and centering forces, updating SVG circle and line positions on each tick. Nodes are draggable via `d3.drag`, which temporarily fixes their positions during interaction before releasing them back to the simulation.