Skip to main content
🔗 Unlisted

Share visualization

Send this visualization to others.

Viz from react-d3-starter template

Unlisted visualization

Anyone with the link can view this unlisted visualization. Posting it publicly will make the link discoverable.

Viz from react-d3-starter template

0 stars1🔗 Unlisted
Sswvogt
Last edited Oct 12, 2026
Created on Oct 12, 2026

Interactive scatter plot of gig bookings (gigs.csv), adapted from the Interactive Scatter Plot reference with axis menus, color encoding, legend, and tooltips, plus a README documenting the dataset.

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.