Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Working with Time

Public visualization

Working with Time

0 stars2🌍 Public
RRajat Dangat
Last edited May 24, 2021
Created on Mar 27, 2021

This example visualizes a week of temperature readings in San Francisco as a scatter plot, with time on the x-axis and temperature on the y-axis. Each circle represents a single measurement, and hovering reveals the exact timestamp. Built with React and D3 v5, the visualization uses `scaleTime` and `scaleLinear` to map data to SVG coordinates, while custom `AxisBottom` and `AxisLeft` components render the ticks. The code loads data from a CSV file containing the "Data Canvas Sense Your City" dataset and formats the time axis using `timeFormat("%a")` for day abbreviations.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed