Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Working with Time

Public visualization

Viewing a saved revision (read-only)

0ef5b059370f412399734b2f3a061f8c

Working with Time

0 stars2🌍 Public
NNikhil Reddy Manda
Last edited May 13, 2021
Created on May 13, 2021

This visualization displays the change in temperature over the course of a week in San Francisco, using a line of circular marks along a time-series scatter plot. The React-based application uses D3 v5 utilities like `scaleTime` and `scaleLinear` to map timestamps and temperatures to SVG coordinates. Data is loaded from a CSV file via `csv`, with the x-axis formatted to show abbreviated day names using `timeFormat`. The custom SVG components (`AxisBottom`, `AxisLeft`, and `Marks`) render gridlines, axis labels, and tooltips that display the day on hover.

AI-generated description

Working with Time