Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Working with Time

Public visualization

Viewing a saved revision (read-only)

20fe724ee2f14d8698f600d805cac1dc

Working with Time

0 stars2🌍 Public
KKazushige Okuma
Last edited Oct 22, 2021
Created on Oct 21, 2021

A line chart shows temperature readings over one week in San Francisco, with a smooth curve connecting daily data points and circles marking each observation. The visualization uses React to render SVG elements, with D3.js scales handling time and linear mappings. The code employs `scaleTime`, `scaleLinear`, `extent`, and `timeFormat` for axis ticks, while `line` and `curveNatural` generate the curved path. Data comes from a CSV dataset of hourly temperatures, loaded via `csv` and parsed into `Date` objects.

AI-generated description

Scatter plot of Data Canvas of Your City