Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Line Chart with d3

Public visualization

Line Chart with d3

0 stars1🌍 Public
MMonish Vassantrai
Last edited Mar 17, 2021
Created on Mar 17, 2021
Forked from Scatter Plot

This example visualizes one week of temperature readings from the Data Canvas Sense Your City dataset for San Francisco. A natural curve connects daily temperature points, with circles marking each measurement and a tooltip showing the day of the week. The chart uses a React component structure with D3 scales (`scaleTime`, `scaleLinear`) for axes and the `line` generator with `curveNatural` for the path. SVG rendering handles all marks, including custom tick components and axis labels.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed