CO2 Emissions Over Time

100%

CO2 Emissions Over Time

✓ Published0🌍 Public

Last edited Mar 17, 2020

Created on Mar 16, 2020

This stacked area chart visualizes global CO2 emissions from 1790 onward, broken down by fossil fuel types—Gas, Liquids, Solids, Cement Production, and Gas Flaring—with total emissions scaled in gigatons per year. The chart uses D3 v4’s `d3.stack` and `d3.area` to render the layers, while `d3-area-label` positions labels within each segment. Hovering over a layer triggers a tooltip showing topic-related words from the cloud.json data, rendered as red text inside a circle. The visualization adapts to window resizing and uses `d3.scaleOrdinal` with `d3.schemeDark2` for color encoding.

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…

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. The data is sourced from a cloud.json file and filtered to show years after 1790. Built with D3 v4, the visualization uses `d3.stack` and `d3.area` to render the SVG paths, with `d3.areaLabel` positioning text labels within each segment. The chart updates responsively on window resize, and hovering over a segment turns it black.

Ppgy-iacas

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

96% match

Loading thumbnail…

CO2 Emissions Over Time

This stacked area chart visualizes global CO2 emissions over time, broken down by source categories like Gas, Liquids, Solids, Cement Production, and Gas Flaring. It shows how emissions from different fossil fuel types have grown since 1790, with the area labels positioned using the `d3-area-label` library. The visualization is rendered as an SVG using D3 v4, employing `d3.stack` for data aggregation, `d3.area` with a basis curve for the shapes, and `d3.scaleOrdinal` with `d3.schemeDark2` for color encoding. Data comes from a CSV file loaded via `d3.csv`.

Ffaversin17

95% match

Loading thumbnail…

CO2 Emissions Over Time

This stacked area chart visualizes global CO2 emissions from 1790 onward, broken down by source categories—Gas, Liquids, Solids, Cement Production, and Gas Flaring—measured in gigatons per year. The chart uses d3.stack and d3.area to layer the series, with d3.schemeDark2 assigning colors and d3-area-label positioning white labels within each band. The y-axis includes gridlines via d3.axisLeft, and the chart updates responsively on window resize, rendering as SVG with data loaded from a CSV file.

Ppgy-iacas

95% match

Loading thumbnail…

CO2 Emissions Over Time

This stacked area chart visualizes global CO2 emissions over time from 1790 onward, broken down by source categories and fossil fuel types. The five segments represent Gas, Liquids, Solids, Cement Production, and Gas Flaring, with the chart emphasizing the dominant historical contributions of solid fuels. The visualization uses d3.stack, d3.scaleTime, and d3.area with curveBasis to create smooth stacked areas. Labels are positioned automatically using the d3-area-label library, while an ordinal color scale from d3-scale-chromatic distinguishes each category. The chart is fully responsive and includes axis tick marks and a rotated y-axis title, with basic tooltips showing segment names on hover.

CChristine Lanser

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

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

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

93% match