Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Line Chart

Public visualization

Viewing a saved revision (read-only)

0a0b5163575c45d3a92415d14459ab4a

Stylized Line Chart

0 stars1🌍 Public
CChristian Potdevin
Last edited Mar 29, 2021
Created on Mar 29, 2021

This stylized line chart visualizes weekly temperature trends in San Francisco using data loaded from a CSV file via `d3.csv`. The chart renders as an SVG with a smooth curve generated by `d3.line().curve(d3.curveNatural)`, overlaid with axis ticks and labels created through custom React components. The visualization leverages `d3.scaleTime` and `d3.scaleLinear` for positioning, while `d3.extent` and `d3.timeFormat` handle domain calculation and tick formatting. Circles on the curve include native SVG `<title>` tooltips, and the design employs a Poppins font and teal color scheme.

AI-generated description

A program that loads in some data using D3 utilities, and uses React state to keep track of the data.