Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Linechart

Public visualization

Linechart

0 stars0🌍 Public
SSophia Cofone
Last edited Jun 29, 2022
Created on May 23, 2022
Forked from Working with Time

This line chart visualizes weekly temperature measurements from the Data Canvas Sense Your City Dataset, plotting timestamps along the x-axis and temperature values along the y-axis. The SVG rendering uses React components, with d3.scaleTime and d3.scaleLinear mapping data to coordinates, and d3.line with curveNatural producing a smooth path through the points. Axes are rendered via custom React components using d3 ticks, while the Marks component applies a teal stroke to the line. Data is loaded asynchronously from a provided CSV URL using d3.csv.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed