Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Working with Time

Public visualization

Viewing a saved revision (read-only)

de25be851aba4bc5b748c7e802d73a96

Working with Time

0 stars0🌍 Public
Hhuashe418
Last edited Mar 22, 2022
Created on Mar 22, 2022

This visualization displays a week of San Francisco temperature data as a smooth time series line chart. The chart uses a React front end to render SVG elements, with D3 v5 providing the scales (`scaleTime`, `scaleLinear`) and the `line` and `curveNatural` generators for the path. Temperature readings from the CSV dataset are plotted against time on the x-axis, with formatted tick labels showing the day of the week. The code reveals the underlying data loading through `csv` and a custom `useData` hook that parses timestamps and numeric values.

AI-generated description

Generate a Time Series Plot of The Temperature Dataset.