This example shows a social network graph of people connected by friendship ties, with nodes labeled by name and edges drawn as directed lines. The graph is rendered as SVG and uses D3 v6’s force-directed layout, specifically `d3.forceSimulation`, `d3.forceLink`, and `d3.forceCenter`, to position nodes. Each node is a circle with a label, and links have arrowheads via an SVG marker. The data comes from a JSON file listing relationships with weights, and nodes are draggable through `d3.drag`. Hovering highlights a node by increasing its stroke width.