Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of React & D3 Starter

Public visualization

Viewing a saved revision (read-only)

46330a5d5dbe42e6a0658ed57c1c1f4e

Fork of React & D3 Starter

0 stars0🌍 Public
Kkarthikpavan1198@gmail.com
Last edited Mar 6, 2026
Created on Mar 6, 2026
Forked from React & D3 Starter

This example visualizes daily fitness activity trends over 150 days, comparing steps walked, calories burned, and active minutes as multi-line charts within a single SVG. Using React 19 and D3 v7, it parses CSV data with `d3.csv`, scales values with `d3.scaleLinear`, generates paths with `d3.line`, and renders `d3.axisBottom` and `d3.axisLeft` axes. The visualization includes a title, legend, and styled background, with active minutes scaled 100x for visibility.

AI-generated description