Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Line Chart

Public visualization

Viewing a saved revision (read-only)

5fc10ffaf5fb41a682fc7ed708ee720d

Stylized Line Chart

0 stars0🌍 Public
Ccaineosborne
Last edited Jan 17, 2022
Created on Jan 17, 2022

This stylized line chart visualizes weekly temperature data from San Francisco, plotting temperature against time with a smooth curve and circular markers. The visualization uses React to structure an SVG rendering, with D3 v7 providing the `scaleTime` and `scaleLinear` scales, the `line` generator with `curveNatural` for the path, and helper components for the axes. Data is loaded via `d3.csv` from a gist, and the chart includes interactive tooltips on each circle showing the formatted time and temperature value.

AI-generated description

Working with TIme