Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

react-d3-starter

Public visualization

react-d3-starter

0 stars0🌍 Public
VVikyathhh
Last edited Oct 31, 2026
Created on Oct 31, 2026

Created from react-d3-starter template

React D3 Starter

A minimal React + D3 starter for building interactive data visualizations.

Files

  • index.html β€” page shell and import map (React + D3 from a CDN).
  • index.jsx β€” mounts the <App /> component.
  • App.jsx β€” loads data.csv and renders the visualization.
  • viz.js β€” D3 render entry point.
  • renderCircles.js β€” draws the circles.
  • useContainerDimensions.js β€” tracks the container size.
  • data.csv β€” sample data.
  • styles.css β€” page styles.

Getting started

Edit App.jsx to change what gets rendered; the preview updates live as you type.

Comments

Sign in to join the discussion.