Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

React & D3 Vibecoding Starter

Public visualization

Viewing a saved revision (read-only)

5629c5b7c84c4ec096f8b0adcd00805e

React & D3 Vibecoding Starter

0 stars0🌍 Public
SSathviKankanala@my.unt.edu
Last edited Nov 11, 2025
Created on Nov 11, 2025
Forked from HTML Starter

A force-directed network diagram maps six Texas cities as movable nodes connected by route edges. The SVG visualization uses `d3.forceSimulation` with link, charge, and centering forces to position the graph, while nodes are rendered as blue circles with city-name text labels. The code implements dragging via `d3.drag`, updates positions on each simulation tick, and uses `data.forceLink` to bind node IDs to the specified city-pair relationships.

AI-generated description