Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

dv2020-ep27-viz27 - line graph (step two)

Public visualization

Viewing a saved revision (read-only)

0e58d670d7854c43bbf5a5b4099d1635

dv2020-ep27-viz27 - line graph (step two)

0 stars2🌍 Public
Zzach b.
Last edited Mar 17, 2023
Created on Mar 17, 2023

This visualization displays daily temperature variations in San Francisco over a week, using a line graph with circular markers that show exact values on hover. It employs React and D3 v5's `scaleTime`, `scaleLinear`, and `line` with `curveCardinal` to plot timestamps against temperatures, rendered as SVG elements. The chart includes labeled axes for time and temperature, with data sourced from the Sense Your City dataset, and uses custom axis components for tick generation and styling.

AI-generated description

line graph of san fran temps over time.

Data Canvas Sense Your City Dataset

Episode 27