CO2 Emissions Streamgraph

100%

CO2 Emissions Streamgraph

✓ Published0🌍 Public

Last edited Sep 25, 2017

Created on Sep 25, 2017

This streamgraph visualizes global CO2 emissions from 1751 to 2014, broken down by source—gas, liquids, solids, cement production, and gas flaring—using a wiggled stacked area layout. The code loads CSV data via `d3.csv` and applies `d3.stack` with `stackOffsetWiggle` and `stackOrderInsideOut` to shape the layers, while `d3.area` with `curveBasis` renders the smooth paths in SVG. Labels are positioned using `d3-area-label`, and axes are drawn with `d3.axisBottom` in major and minor ticks. Data originates from the Carbon Dioxide Information Analysis Center.

AI-generated description

A StreamGraph visualization of Global CO2 Emissions from Fossil-Fuel Burning, Cement Manufacture, and Gas Flaring: 1751-2014 (Source: Source: Tom Boden, Bob Andres, Carbon Dioxide Information Analysis Center, Oak Ridge National Laboratory; Gregg Marland, Research Institute for Environment, Energy and Economics, Appalachian State University). Data from the Carbon Dioxide Information Analysis Center. Data preprocessing and conversion to CSV by Scott Judson via Data Table Summary - Global CO2 Emissions 1751-2014.

Uses d3-area-label to position labels.

forked from <a href='http://bl.ocks.org/curran/'>curran</a>'s block: <a href='http://bl.ocks.org/curran/30e50fe82819ef73c6b8d9f2d31b99a8'>How Americans Spend Time</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Streamgraph

This interactive streamgraph visualizes global CO2 emissions from 1790 onward, with stacked layers representing fossil fuel sources—Solids, Liquids, Gas, Cement Production, and Gas Flaring—in gigatons per year. Using d3.stack and d3.area with a basis curve, it renders smooth, colored bands scaled by a time axis and a linear y-axis. Labels are positioned via d3-area-label’s `d3.areaLabel` function, while tooltips appear on hover. The chart uses d3-scale-chromatic’s `schemeDark2` for colors and reads CSV data, updating responsively on window resize.

BBrittany Harden

90% match

Loading thumbnail…

CO2 Emissions Over Time

A stacked area chart visualizes global CO2 emissions from 1790 onward, broken down into five categories: Gas, Liquids, Solids, Cement Production, and Gas Flaring, measured in gigatons per year. The chart uses `d3.stack` to aggregate the series and `d3.area` with `d3.curveBasis` for smooth rendering as SVG paths. Labels are positioned automatically via `d3-area-label`, while axes and color encoding rely on `d3.scaleTime`, `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.schemeDark2`. Data comes from a CSV file loaded with `d3.csv`.

CCurran Kelleher

87% 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

87% 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

87% 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

86% match

Loading thumbnail…

CO2 Emissions Over Time

This stacked area chart visualizes global CO2 emissions over time, breaking down contributions from gas, liquids, solids, cement production, and gas flaring. It uses an SVG rendering with d3.v4’s `d3.stack`, `d3.area`, and `d3.scaleTime` to construct the layers, with labels positioned by the `d3-area-label` library. The color scale employs `d3.scaleOrdinal` with `d3.schemeDark2`, and hovering a region turns it black. Data comes from a CSV of annual emission gigatons, with axes labeled accordingly.

0007ebey

86% match

Loading thumbnail…

CO2 Emissions Over Time

This stacked area chart visualizes global CO2 emissions over time from 1790 onward, breaking down contributions by fuel type: Gas, Liquids, Solids, Cement Production, and Gas Flaring. The chart uses d3.stack with ascending order and d3.area with curveBasis to render smooth layers, colored via d3.scaleOrdinal with schemeDark2. Labels are positioned using d3-area-label’s interpolateResolution method. The data is loaded from a CSV using d3.csv, and the SVG updates responsively on window resize. Axis ticks include a custom format for years, with a rotated y-axis title.

Ppgy-iacas

86% 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

86% match