This example visualizes a small social network of eight people and their friendship connections as a force-directed graph. The D3.js v6 code uses `d3.forceSimulation` with link, charge, collision, and center forces to position nodes and edges dynamically. It renders nodes as red circles with labels and links as lines with arrow markers, all within an SVG container. Data comes from a local `data.json` file. Nodes are draggable via D3's drag behavior, and hovering highlights a node with a green outline.