This network graph displays eight fictional people as circular nodes connected by directed links labeled “Friend with,” with link thickness encoding relationship value (1 or 5). Using D3 v6’s `d3.forceSimulation`, the layout applies charge, collision, and center forces, while links are drawn as SVG lines with arrowhead markers. Text labels appear inside each node, and pointer interactions trigger `mouseover`/`mouseout` handlers to add a hover highlight via the `nodeHover` CSS class. Nodes are draggable through D3’s drag behavior, and all data comes from a local `data.json` file.