Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Line Chart with d3

Public visualization

Viewing a saved revision (read-only)

618f6c2d060c4da388a9a32c9758ac1d

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