Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Ep26 Line Chart

Public visualization

Ep26 Line Chart

0 stars1🌍 Public
SStoo Sepp
Last edited Nov 2, 2021
Created on Nov 2, 2021

This example visualizes San Francisco weekly temperatures over time using a line chart. The code leverages React and D3 v7, loading data from a CSV file and rendering the chart as SVG. A natural curve is applied to the line path using D3's `line` and `curveNatural` functions, with custom tick components for the axes. The visualization is styled with the Poppins font and a teal color scheme, highlighting temperature trends while the code comments show optional data point circles and tooltips.

AI-generated description

a program that loads in SF temperatures. Stylised and presented all pretty for your pleasure :)

Comments

Sign in to join the discussion.

MIT Licensed