Skip to main content
SimilarExport ZIP
100%

Fork of Keeling Curve

✓ Published0🌍 Public
QQingyang Wang Profolio
Last edited Apr 6, 2023
Created on Feb 27, 2023
Forked from Keeling Curve

This fork of the Keeling Curve plots atmospheric CO₂ measurements over time as a line chart, with time on the x-axis and average values on the y-axis. The visualization uses d3.line and d3.timeParse to parse and render the data, which comes from NOAA’s Global Monitoring Laboratory. Axes are drawn with axisLeft and axisBottom, and the chart updates dynamically after fetching and parsing the CSV data.

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…

Fork of Keeling Curve

This chart reproduces the Keeling Curve, a time series that visualizes atmospheric CO2 concentration over time, plotting a single line that traces the annual sawtooth pattern of rising carbon dioxide levels. The data is sourced from the NOAA Global Monitoring Laboratory, though the dataset used here contains religious demographics with a date field parsed from year and month. The visualization is built with D3 v7, using `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.line` for the path generator, and `d3.timeParse` for date parsing. A custom `axes` module renders the left and bottom axis labels.

Ffsajedi22
92% 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
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…

Fork of Keeling Curve

This visualization reproduces the Keeling Curve, plotting the monthly average atmospheric CO₂ concentration measured at Mauna Loa from 1958 onward. It shows the well-known upward trend with seasonal oscillations. The D3.js code loads data from a CSV file provided by NOAA’s Global Monitoring Laboratory. It uses `d3.line` to generate the path, `d3.scaleTime` for the x-axis, and `d3.timeParse` to convert the year and month strings into JavaScript `Date` objects.

Ssanioky
91% 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
Loading thumbnail…

Fork of Keeling Curve Practice

This example visualizes the Keeling Curve, plotting atmospheric CO₂ concentration over time. The data is rendered as a black line chart with a light gray inner plot area, using circles to represent individual data points. The chart employs D3's time and linear scales for axes and displays clear axis labels. The code leverages D3's `scaleTime`, `scaleLinear`, `axisLeft`, `line`, and the `@curran/axis-labels` library to construct the visualization. The plot is built declaratively using a join operation to manage SVG elements. The underlying data source is imported from `@subh3ndu/keeling-curve`.

SSubhendu Karmakar
89% match
Loading thumbnail…

Fork of Simple Line Chart

This fork visualizes the Keeling Curve, plotting atmospheric CO2 concentration against time from the @curran/keeling-curve-data package. The chart uses D3 scales (scaleTime, scaleLinear) to map the date and CO2 values, with axes, labels, and a filled inner rectangle framing the data. A single line path, generated by d3.line, traces the points, while the viz() function handles all rendering with configurable margins and opacity settings. The example adapts the original chart to support custom data by specifying x and y value accessors.

OOswald Zion O.
87% match
Loading thumbnail…

Keeling Curve

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.

CCurran Kelleher
85% match