🌍 Public
Viewing a saved revision (read-only)
1c500aaec97144df9e1e9fd6cbe3f325
Working with Time
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 descriptionA scatter plot of Data Canvas Sense Your City.