Fork of HTML Starter
✓ Published0🌍 Public
This example visualizes a student-club network with six nodes representing three students and three clubs, connected by eight links that show memberships. It uses D3 v7’s `forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` to position the nodes. Students appear as blue circles, clubs as orange circles, with labels rendered as SVG text. Interactive drag functionality is implemented via D3’s `.drag()` handler, allowing users to reposition nodes while the simulation updates link and node positions on each tick.
AI-generated descriptionMIT Licensed