Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Working With Time

Public visualization

Viewing a saved revision (read-only)

0282841b5be44af69ab026d308b196fa

Working With Time

0 stars2🌍 Public
KK3zter
Last edited Dec 17, 2021
Created on Dec 17, 2021

A scatterplot tracks daily temperature readings over a week in San Francisco, with each point representing a timestamp and its corresponding temperature. The visualization uses React components to render SVG circles and axes, leveraging D3's `scaleTime` and `scaleLinear` to map data to coordinates. Data is loaded via `d3.csv` from a remote gist, with axis labels and tick formatting handled through custom React components like `AxisBottom` and `AxisLeft`. Hovering reveals the exact date via a native SVG `<title>` tooltip.

AI-generated description

A scatterplot of temperature over time