This example visualizes a small social network of eight people and their friendship connections using a force-directed graph. Pink circular nodes represent individuals, while black lines with arrowheads depict the "Friend with" relationships between them. The layout is computed with `d3.forceSimulation`, applying link, charge, collision, and center forces to position nodes dynamically. Users can drag nodes to rearrange the network, and hovering highlights a node with a distinct stroke. The visualization renders in SVG using D3 v6, with data loaded from a local `data.json` file.