This social network visualization displays ten individuals as circular nodes connected by lines to represent friendship links, with the data read from `data.json`. Each node is labeled with a person's name and rendered as a 75-pixel-radius circle, while links use arrow markers to indicate directed relationships. The network layout is computed using several force-directed physics simulations from D3 version 6, including `d3.forceSimulation` for the overall physics, `d3.forceLink` for link-based attraction, `d3.forceManyBody` for repulsion between nodes, and `d3.forceCollide` to prevent overlap. Nodes are draggable, and hovering highlights the selected node with a thicker stroke via mouseover and mouseout event handlers.