Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Working with time

Public visualization

Viewing a saved revision (read-only)

7df25f756fb34855b7690275802a896f

Working with time

0 stars0🌍 Public
Ssxtnxy
Last edited Jan 5, 2022
Created on Jan 5, 2022

This visualization shows how temperature varies over time, plotting weekly temperature measurements as a connected line with individual data points. The chart uses D3 scaleTime and scaleLinear to map timestamps and temperatures to SVG coordinates, with tooltips revealing the day of the week for each point. React manages the component state and rendering, while D3’s csv loader fetches the San Francisco temperature dataset. The marks component applies D3’s curveNatural interpolation to create a smooth line between observations, and the custom axis components generate the time-based tick labels.

AI-generated description

A scatter plot of irst