This example visualizes a social network of eight friends using a force-directed graph rendered as SVG. Nodes represent people, and links show their friendships, with arrow markers indicating relationship direction. The simulation uses `d3.forceSimulation` with link, charge, collision, and center forces to position the nodes. Interactive drag behavior lets users reposition nodes, while hovering highlights connections. The graph is built with D3 v6 in a React framework, loading data from a JSON file and styling nodes with a single steelblue color scale and custom CSS gradients.