Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

react-d3-starter

Public visualization

Viewing a saved revision (read-only)

s4MhMM9cegz_rALdipx5a

react-d3-starter

0 stars0🌍 Public
Ttanubuddideepthi@gmail.com
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.