This interactive network diagram shows relationships between four students and three clubs, with students linked to clubs they attend. It uses D3 v7’s force simulation (`d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, `d3.forceCenter`) to position nodes and links, and renders them as SVG circles and lines. Node colors distinguish students (blue) from clubs (orange) via `d3.scaleOrdinal`. Drag-and-drop functionality lets users reposition nodes, with the simulation updating link, node, and label positions on each tick.