This example visualizes a social network graph depicting friendship relationships among eight individuals, with nodes representing people and directed links showing connections. The network layout uses d3.forceSimulation with forceLink, forceManyBody, and forceCollide to position nodes dynamically. Rendered as SVG, the graph features white circles with text labels and arrowhead markers on links, while hovering highlights nodes with a pink stroke. The visualization loads JSON data containing node groups and link relationship types from data.json, making the social connections immediately visible through interactive, force-directed positioning.