Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

line chart with react and d3

Public visualization

line chart with react and d3

0 stars2🌍 Public
MMohammed Banani | MbDev
Last edited May 12, 2022
Created on May 9, 2022

This line chart visualizes temperature over time, using a smooth natural curve to connect data points from a CSV of weekly San Francisco temperatures. Built with React and D3 v5, the SVG rendering displays a time-scaled x-axis with day abbreviations and a linear y-axis for temperature, with data points as circles. The chart uses `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, and `d3.curveNatural` to create the visualization.

AI-generated description

scatter plot with react and d3

[Data (https://gist.github.com/curran/a08a1080b88344b0c8a7).

Comments

Sign in to join the discussion.

MIT Licensed