Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Line Chart

Public visualization

Viewing a saved revision (read-only)

3c3ebb3310244e839a0842c08ee447c3

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