Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Line Chart w/ d3, react

Public visualization

Viewing a saved revision (read-only)

46a0b1fa5c1741be83e464a273d5a338

Line Chart w/ d3, react

0 stars1🌍 Public
Ddata-inside
Last edited Nov 19, 2020
Created on Nov 19, 2020

This line chart visualizes weekly temperature data from the Data Canvas Sense Your City dataset, plotting temperature over time. The React component uses d3-scale functions like scaleTime and scaleLinear to map data to SVG coordinates, while d3.line with curveNatural draws the smoothed path. Axis components are custom React elements that render d3 ticks, and the useData hook loads the CSV asynchronously with d3.csv.

AI-generated description