Fork of CO2 Emissions Over Time

100%

Fork of CO2 Emissions Over Time

✓ Published0🌍 Public

Last edited Oct 6, 2022

Created on Oct 6, 2022

This fork of a stacked area chart visualizes global CO2 emissions from 1790 onward, breaking down fossil fuel sources into solids, liquids, gas, cement production, and gas flaring. The chart uses D3 v4 with SVG rendering, employing `d3.stack` and `d3.area` for the stacked layout and `d3-area-label` for positioning white labels within each area. The `d3-scale-chromatic` library supplies the color scheme, and data is loaded from a CSV containing yearly emissions in gigatons. Interactive hover effects darken each area, while axes display time and emission values.

AI-generated description

A stacked area chart of Global CO2 Emissions.

The segments "Solids", "Liquids", and "Gas" are the forms of fossil fuels being burned.

Uses d3-area-label to position labels.

Inspired by Scott Judson’s Block: Global Carbon Emissions Area Chart.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of CO2 Emissions Over Time

A stacked area chart of global CO2 emissions from 1790 onward, segmented by fossil fuel types (gas, liquids, solids) and other sources like cement production and gas flaring. The visualization uses D3 v4 with SVG rendering, employing `d3.stack` for layering and `d3.area` with `curveBasis` for smooth paths. Labels are positioned via the `d3-area-label` library, while hover effects darken each segment. Data comes from a CSV of global emissions, scaled to gigatons, with responsive resizing and interactive axes.

Kkzaiets

96% match

Loading thumbnail…

Fork of CO2 Emissions Over Time

This stacked area chart visualizes global CO2 emissions over time, broken down by fossil fuel type—gas, liquids, solids, cement production, and gas flaring. It uses a time-scaled x-axis and a linear y-axis measuring gigatons per year, with hover effects that darken each segment. Built with D3 v4, it loads CSV data and renders SVG paths via `d3.area` and `d3.stack`. Label placement leverages `d3.areaLabel` from the d3-area-label library. The chart updates responsively with window resize events.

Kkyleholgate

95% match

Loading thumbnail…

Fork of CO2 Emissions Over Time

This visualization displays global CO2 emissions from 1790 to the present as a stacked area chart, with segments representing gas, liquids, solids, cement production, and gas flaring. The chart uses D3 v4 with the `d3.stack` and `d3.area` APIs, rendered as SVG paths, and labels are positioned using the `d3-area-label` library. Data is loaded from a CSV file and converted from raw values to gigatons, with axes and gridlines styled through CSS selectors.

TTGaston

94% match

Loading thumbnail…

Fork of CO2 Emissions Over Time

This stacked area chart visualizes global CO2 emissions from 1790 onward, segmented by fossil fuel sources including gas, liquids, solids, cement production, and gas flaring. The chart uses d3.stack, d3.area, and d3-scale-chromatic to render the SVG paths, with labels positioned via d3-area-label. Data comes from a CSV file loaded with d3.csv. The chart updates responsively on window resize and includes axes with tick lines and a rotated y-axis title.

KKamilPodsiadlo

94% match

Loading thumbnail…

Fork of CO2 Emissions Over Time

This stacked area chart visualizes global CO2 emissions from 1790 onward, segmented by fossil fuel types—Gas, Liquids, Solids, Cement Production, and Gas Flaring—measured in gigatons per year. The y-axis is labeled accordingly, with a time-based x-axis. Built with D3 v4, it uses `d3.stack()` and `d3.area()` to render SVG paths, with `d3.areaLabel` positioning white labels within each segment. The `d3.scaleOrdinal` and `d3.schemeDark2` assign colors, while axis ticks are formatted with `d3.timeFormat`. Data comes from a CSV file loaded via `d3.csv`.

NNarayana Reddy

94% match

Loading thumbnail…

Fork of CO2 Emissions Over Time

This stacked area chart visualizes global CO2 emissions over time, broken down by source: gas, liquids, solids, cement production, and gas flaring. The chart uses a time-series x-axis and a y-axis labeled in gigatons per year, with each category filled with a distinct color from `d3.schemeDark2`. Built with D3 v4, the visualization leverages `d3.stack` for stacking, `d3.area` for rendering the areas, and the `d3-area-label` library to position white labels within each segment. The data comes from a CSV file of global CO2 emissions.

Yyuting89830@gmail.com

94% match

Loading thumbnail…

Fork of CO2 Emissions Over Time

This stacked area chart visualizes global CO2 emissions over time, broken down by fossil fuel types including solids, liquids, gas, cement production, and gas flaring. The chart uses d3.stack with stackOrderAscending and d3.area with curveBasis to render the layered paths, while d3-area-label positions text labels within each segment. Data comes from a CSV file loaded via d3.csv, with emissions converted from raw values to gigatons. The visualization employs d3.scaleTime and d3.scaleLinear for axes, d3.schemeDark2 for color encoding, and responds to window resize events for responsive rendering.

KKirsten Lund

93% match

Loading thumbnail…

Fork of CO2 Emissions Over Time

This stacked area chart shows global CO2 emissions over time, segmented by fossil fuel sources including gas, liquids, solids, cement production, and gas flaring. The visualization uses d3.stack and d3.area to render the layered paths, with labels positioned automatically via d3-area-label. Data is loaded from a CSV file, and emissions values are converted from raw numbers to gigatons. The chart updates responsively on window resize, and includes hover effects that darken each area, with axis labels and a custom y-axis title.

MMalempatiSaranya

93% match