A force-directed social network graph visualizes connections between individuals from the `data.json` file. Nodes represent people, and lines with arrow markers depict friendships, with edge thickness possibly indicating relationship strength. The visualization uses `d3.forceSimulation` with link, many-body, collision, and centering forces to position nodes. Built with D3 v6 and React, it renders as an SVG and allows interactive node dragging through `d3.drag`.