This example shows a small force-directed network graph with five named people connected by six links, where node color encodes two groups and labels identify each person. It uses `d3.forceSimulation` with `d3.forceLink` for link distances, `d3.forceManyBody` for repulsion, and `d3.forceCenter` to keep the layout centered. Nodes are rendered as SVG circles, and edges as lines, with drag behavior enabled via `d3.drag` to reposition nodes interactively. The simulation updates positions on each tick, adjusting coordinates for links, circles, and text labels.