Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Line Chart

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed