Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Line Chart

Public visualization

Viewing a saved revision (read-only)

88a204d78d2a4d1296dcefb82c36e5a8

Stylized Line Chart

0 stars2🌍 Public
Jjbruzzo
Last edited Jul 1, 2022
Created on Jul 1, 2022
Forked from Worling with time

This stylized line chart visualizes San Francisco’s weekly temperature data, sourced from a CSV hosted on GitHub. The line uses a natural curve to connect data points, with axes displaying time on the horizontal axis and temperature on the vertical. Built with React and D3 v7, it leverages `d3.csv` for loading, `scaleTime` and `scaleLinear` for scaling, and `d3.line` with `curveNatural` for path generation. The SVG rendering includes React components for axes and marks, styled with the Poppins font.

AI-generated description

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

Plotting the SF temeprature dataset