Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Ep. 26+27 | Working with Time

Public visualization

Ep. 26+27 | Working with Time

0 stars2🌍 Public
YYee Han
Last edited May 29, 2021
Created on Dec 24, 2020

A time series scatter plot of San Francisco weekly temperature data from the Data Canvas Sense Your City dataset, rendered as an SVG via React components. The visualization uses `d3.scaleTime` and `d3.scaleLinear` to map timestamps and temperatures, with a natural curve connecting points via `d3.line` and `curveNatural`. Axis ticks are formatted with `timeFormat('%a')` for weekday labels, and hovering over circles reveals tooltips via SVG `<title>` elements. The code integrates reusable axis and mark components while fetching data with `d3.csv`.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed