Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Working with time

Public visualization

Viewing a saved revision (read-only)

8e8a380b5264444c81f93fe2f6d8dcf2

Working with time

0 stars1🌍 Public
AAnthony Zornig
Last edited Feb 14, 2022
Created on Oct 3, 2021

This example visualizes the daily temperature of a week in San Francisco using a time-series scatter plot, with points connected by a line to highlight trends. The chart uses D3 scales (`scaleTime`, `scaleLinear`) to map timestamps and temperature values to SVG coordinates, with React managing the rendering of axes and marks. The data is loaded via D3’s `csv` parser from a remote file, and each point includes a tooltip showing the day of the week via `timeFormat`.

AI-generated description

A ScatterPlot of Week's Temperature