Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a Line Chart

Public visualization

Making a Line Chart

0 stars1🌍 Public
NNikhil Reddy Manda
Last edited May 14, 2021
Created on May 14, 2021
Forked from Working with Time

This example demonstrates how to build a line chart in React, showing temperature over time for a week in San Francisco. The chart uses D3’s scales (`scaleTime`, `scaleLinear`) and line generator (`line()` with `curveNatural`) to draw a smooth path, while custom React components (`AxisBottom`, `AxisLeft`, `Marks`) render SVG axes and the curve. Data is loaded asynchronously via `d3.csv` from a remote URL.

AI-generated description

Making a Line Chart

Comments

Sign in to join the discussion.

MIT Licensed