Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

temperatue line chart

Public visualization

Viewing a saved revision (read-only)

19148f96c0fb43cf9d46d513c047ef0c

temperatue line chart

0 stars1🌍 Public
HHarabi Adem
Last edited Mar 22, 2021
Created on Mar 18, 2021

This line chart displays San Francisco temperatures over a week, using a smooth natural curve to connect daily data points. The visualization renders as SVG with React components, using D3 scales (scaleTime and scaleLinear) to map timestamps and temperature values. Axes are generated through custom React components, while the Marks component builds the line path and adds circular points with native SVG title tooltips. The data loads from a CSV file via d3.csv, and the chart includes labeled axes for Time and Temperature.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!