Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Working with Time

Public visualization

Working with Time

1 star145🌍 Public
CCurran Kelleher
Last edited Oct 9, 2025
Created on Sep 19, 2019

This scatter plot visualizes weekly temperature readings from the Data Canvas Sense Your City dataset, with time on the x-axis and temperature on the y-axis. Built with React and D3 v5, it uses `scaleTime` and `scaleLinear` for coordinate mapping, and SVG circles as marks. Axes are generated using custom `AxisBottom` and `AxisLeft` components that call `xScale.ticks()` and `timeFormat`, with native SVG `<title>` elements providing tooltips. Data loading is handled via the `useData` hook, which fetches a CSV file using `d3.csv`.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed