This example shows an interactive social network of ten people divided into five community groups and connected by weighted links. The visualization uses D3.js v7 with force-directed simulation to position nodes on an SVG canvas, while the `d3.scaleOrdinal` color scale maps each community group to a distinct color. Users can click and drag nodes to rearrange the network, and a custom tooltip displays additional information on hover, while a legend identifies the group colors.