Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Line Chart with React & D3

Public visualization

Viewing a saved revision (read-only)

6c0c5e7f6a6942f6924f4e12b3d734b3

Line Chart with React & D3

0 stars3🌍 Public
CCurran Kelleher
Last edited Oct 9, 2025
Created on Sep 25, 2025

This line chart displays monthly atmospheric CO2 concentrations from the Mauna Loa Observatory dataset, with time on the x-axis and CO2 in parts per million on the y-axis. The visualization uses React hooks (useState, useEffect) to load and parse CSV data, while D3 v7 functions like scaleTime, scaleLinear, line with curveMonotoneX, and axisBottom render the chart elements. The line gracefully skips missing data points using the defined accessor in d3.line. Axis labels are added via selection joins in D3.

AI-generated description