Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Working with Time

Public visualization

Working with Time

0 stars2🌍 Public
Rroc286
Last edited Mar 10, 2022
Created on Mar 10, 2022

This scatter plot visualizes weekly temperature readings in San Francisco, using time on the x-axis and temperature on the y-axis. The React-based visualization renders SVG circles, with axes built using D3’s `scaleTime` and `scaleLinear` APIs and tick generation via those scales’ `.ticks()` methods. Each circle includes a native SVG `<title>` tooltip showing the formatted timestamp. Data is loaded asynchronously from a CSV file using D3’s `csv` function and parsed with a custom row conversion, while `extent` and `.nice()` determine the scales’ domains.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed