🌍 Public
Viewing a saved revision (read-only)
d9c8b425326d4f28be2641203f0cfc51
Fork of React & D3 Vibecoding Starter
This example shows a small force-directed network of six Texas cities connected by routes, rendered as circles and lines on an SVG canvas. D3’s `d3.forceSimulation` drives the layout with `forceLink`, `forceManyBody`, and `forceCenter`, while `d3.drag` enables interactive node repositioning. Tick updates synchronize link coordinates and node positions, with city labels drawn as text elements. The data is hardcoded as `nodes` and `links` arrays, and all rendering uses D3 v7 selections with SVG primitives.
AI-generated description