Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of React & D3 Vibecoding Starter

Public visualization

Viewing a saved revision (read-only)

d5273306691942969a902a6b7117dfde

Fork of React & D3 Vibecoding Starter

0 stars0🌍 Public
Ssaisanthoshravula@my.unt.edu
Last edited Nov 3, 2025
Created on Nov 3, 2025

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