Skip to main content
SimilarExport ZIP
100%

Keeling Curve

✓ Published13🌍 Public
CCurran Kelleher
Last edited Feb 22, 2023
Created on Feb 21, 2023
Forked from Scatter Plot

This example reproduces the Keeling Curve, a time series line chart showing monthly average atmospheric CO₂ concentrations from 1958 onward. The visualization displays the data as a continuous black line, with axes for year and CO₂ concentration labeled accordingly. It uses D3 v7 APIs including `d3.line`, `d3.scaleTime`, `d3.scaleLinear`, and `d3.timeParse` to parse and plot the data. The dataset comes from the NOAA Global Monitoring Laboratory’s Trends in Atmospheric Carbon Dioxide.

AI-generated description

A reproduction of the Keeling Curve.

Data downloaded from Global Monitoring Laboratory: Trends in Atmospheric Carbon Dioxide.

Uses:

MIT Licensed

Similar vizzes

Loading thumbnail…

testing Keeling Curve

This visualization reproduces the Keeling Curve, plotting average monthly atmospheric CO₂ concentration from 1958 to the present. The line chart displays the characteristic upward and seasonal sawtooth pattern of carbon dioxide measurements. The visualization uses D3 v7's `d3.line` for the path, `d3.scaleTime` for the time axis, and `d3.timeParse` to convert year and month strings into JavaScript `Date` objects. Data comes from NOAA's Global Monitoring Laboratory, loaded from a CSV file.

Jjjlaber
94% match
Loading thumbnail…

keeling Curve

This visualization reproduces the Keeling Curve, showing the monthly average atmospheric CO2 concentration from 1958 onward. The line chart displays a clear upward trend in CO2 levels over time, with the seasonal fluctuations visible in the data. The code uses d3.line to generate the path and d3.timeParse with the format '%Y-%m' to convert date strings into JavaScript Date objects, with axes rendered using d3.axisLeft and d3.axisBottom. Data comes from the Global Monitoring Laboratory’s Trends in Atmospheric Carbon Dioxide dataset.

KKhatera Alizada
94% match
Loading thumbnail…

Keeling Curve

This visualization displays the Keeling Curve, showing monthly average atmospheric CO₂ concentration from Mauna Loa from 1958 onward. The line chart reveals both the seasonal oscillations and the steady upward trend in carbon dioxide levels over time. It uses D3 v7’s `scaleTime`, `scaleLinear`, and `line` generators for the chart, with custom axis and label functions. Data is loaded from a CSV file, parsed with `csvParse`, and dates are converted using `timeParse` before being rendered as an SVG path.

SSubhendu Karmakar
93% match
Loading thumbnail…

Keeling Curve

This interactive visualization displays the Keeling Curve, charting monthly average atmospheric CO2 concentrations from NOAA’s Mauna Loa records since 1958. The primary line shows measured averages, with a secondary lighter line for interpolated values. Using d3’s scaleLinear, line, axisLeft, and axisBottom, the code maps decimal dates to x-coordinates and CO2 values to y-coordinates, rendering SVG paths with gridlines. It reveals both the seasonal oscillation and the long-term rising trend in atmospheric carbon dioxide.

CCurran Kelleher
92% match
Loading thumbnail…

Fork of Keeling Curve

This example reproduces the Keeling Curve, visualizing monthly average atmospheric CO₂ concentrations from 1958 onward, with a clear upward trend. The line chart uses `d3.line`, `scaleTime`, and `scaleLinear` to map dates and concentrations, while `d3.timeParse` converts year-month strings into JavaScript `Date` objects. Data comes from NOAA’s Global Monitoring Laboratory, loaded from a CSV and rendered with SVG paths and custom axes. The chart highlights the seasonal zigzag pattern superimposed on the long-term rise in carbon dioxide.

Ssorabh.vijay@gendigital.com
91% match
Loading thumbnail…

Keeling Curve Practice

This example visualizes the Keeling Curve, showing atmospheric CO2 concentration over time as a scatterplot of individual measurements connected by a line. The chart displays each data point as a semi-transparent circle over a gray inner plot area, with time-based axes and labeled axes for year and CO2 concentration in parts per million. It uses D3's `scaleTime`, `scaleLinear`, `line`, and `axisLeft` to render the visualization, with the data imported from the `@subh3ndu/keeling-curve` package.

SSubhendu Karmakar
90% match
Loading thumbnail…

Fork of Keeling Curve

This visualization displays the Keeling Curve, tracking monthly average atmospheric CO₂ concentrations from NOAA’s Mauna Loa records between 1958 and 1967. The line chart shows a clear upward trend in carbon dioxide levels over time. Using D3 v7, the code employs `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `line` to map the data from a CSV file, with a black stroke path representing the average readings and gridlines drawn via tick marks.

Ddasari234
90% match
Loading thumbnail…

Fork of Keeling Curve

This example reproduces the Keeling Curve, showing the steady rise in atmospheric CO2 concentration from 1958 to the present, with the characteristic seasonal zigzag pattern. The line chart uses d3.line to render the data, with d3.scaleTime and d3.scaleLinear mapping dates and CO2 values. Data is loaded from a NOAA CSV file and parsed with d3.csvParse and d3.timeParse. The visualization is built with D3 v7, including custom axis labels and a responsive SVG that fills the viewport.

SSeekerzero
90% match