Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of React & D3 Vibecoding Starter

Public visualization

Fork of Fork of React & D3 Vibecoding Starter

0 stars1🌍 Public
NNita
Last edited Jul 2, 2025
Created on Jul 2, 2025

This example demonstrates a React and D3.js integration that loads a single SVG path from a text file and renders it as a thin, colored line positioned in the upper right of the viewport. Using a `ResizeObserver` hook to track container dimensions, it builds an SVG element via `select` and `join` operations from D3 v7. The path responds to hover with a slightly thicker stroke width, while the overall container maintains a clean, minimalist design with the Inter font.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed