Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Line Chart Temperature Variations

Public visualization

Viewing a saved revision (read-only)

a5a9836b13ba47caba47142b68b7fc1b

Line Chart Temperature Variations

0 stars0🌍 Public
JJohn Patrick Banas
Last edited Sep 11, 2021
Created on Sep 11, 2021

This line chart displays temperature variations over a week in San Francisco, with a smooth curve connecting data points and tooltips showing the day for each point. The visualization uses React for component structure and D3 v7 APIs including `scaleTime`, `scaleLinear`, and `line().curve(curveNatural)` for rendering. The SVG output includes custom `AxisBottom` and `AxisLeft` components with labeled axes. Data is loaded from a CSV file using D3's `csv` function, with timestamps parsed as JavaScript Date objects and temperatures converted to numbers.

AI-generated description

Line Chart Temperature Variations over a week in San Francisco from curran's github gist