Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Working with Time

Public visualization

Working with Time

0 stars4🌍 Public
JJun Suzuki
Last edited Nov 23, 2021
Created on Nov 23, 2021

This example visualizes a week of temperature readings in San Francisco, plotting each measurement as a dot along a time-based x-axis and a temperature-based y-axis. The scatter plot uses D3’s `scaleTime` and `scaleLinear` to map data to SVG coordinates, while React components render the axes and circular marks. The data is loaded via D3’s `csv` from a GitHub-hosted CSV file, and each circle includes a `<title>` tooltip formatted with D3’s `timeFormat` to show the specific day.

AI-generated description

A scatter plot of Data Canvas Sense Your City.

Comments

Sign in to join the discussion.

MIT Licensed