Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Working with time

Public visualization

Viewing a saved revision (read-only)

228608c37e4247409f3336875f645f91

Working with time

0 stars0🌍 Public
Yyinhao0424
Last edited Sep 22, 2019
Created on Sep 22, 2019

This example visualizes a week of temperature readings from the Data Canvas Sense Your City dataset, plotting temperature against time in a scatter plot. The visualization uses D3’s `scaleTime` and `scaleLinear` to map data to SVG coordinates, with React rendering the axes and circular marks. The bottom axis labels days via `timeFormat` (`%a`), while each circle includes a native SVG `<title>` tooltip showing the formatted timestamp. The data is loaded asynchronously with `d3.csv` and parsed into `Date` objects.

AI-generated description