CO2 Emissions Over Time

100%

CO2 Emissions Over Time

✓ Published0🌍 Public

Last edited Apr 18, 2020

Created on Apr 17, 2020

This stacked area chart visualizes CO2 emissions over time in gigatons per year, using data from a CSV file. It shows emission levels for four categories: Hubei, relative, social, and public, with the total represented as stacked areas. The visualization is built with D3 v4 and rendered as an SVG, using APIs such as `d3.stack()`, `d3.area()`, `d3.axisBottom()`, and `d3.axisLeft()` to construct the chart. The `d3-area-label` library positions text labels within each area, while a color scale from `d3-scale-chromatic` distinguishes the categories. The chart updates responsively to the window size.

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 types. The data is parsed from a CSV file and rendered as an interactive SVG, with each layer representing a distinct emission category. The visualization uses d3.stack() to compute the stacked series and d3.area() to draw the areas. Labels are positioned automatically using the d3-area-label library. Hovering highlights individual segments, and the chart adapts to window resizing, with axes and scales generated via d3.axisBottom and d3.axisLeft.

Ggcappadaniel

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

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

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

88% match

Loading thumbnail…

CO2 Emissions Over Time

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.

Ppgy-iacas

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

88% match

Loading thumbnail…

CO2 Emissions Over Time

This stacked area chart visualizes global CO2 emissions over time, broken down by source type: solids, liquids, and gas. The chart uses d3.stack to layer the series and d3.area with a curveBasis interpolation to render the smooth areas. Labels are positioned using the d3-area-label plugin, and the color scale employs d3.schemeDark2. The visualization is interactive, with hover effects darkening each area, and includes axes with gridlines and a rotated y-axis title.

Ggcappadaniel

88% match

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

87% match