Co2 H. Tashakori

100%

Co2 H. Tashakori

✓ Published1🌍 Public

Last edited Mar 23, 2025

Created on Mar 23, 2025

This stacked area chart visualizes regional CO₂ emissions from 1990 to 2020 using d3.csv-loaded data from a GitHub Gist. It employs d3.stack to compute layers, d3.area to generate SVG paths, and d3.scaleOrdinal with d3.schemeSet2 for region colors. Axes are rendered with d3.axisBottom and d3.axisLeft, while a custom legend maps regions to color swatches.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG (pinned at v6, since this runtime environment only supports UMD, and in v7 D3 dropped UMD support)
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

MIT Licensed

Similar vizzes

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

81% 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. Data is sourced from a CSV file and rendered as SVG. Label placement is automated using the d3-area-label library, while d3.stack and d3.area build the layers. A d3.scaleOrdinal with d3.schemeDark2 assigns colors, and the chart updates on window resize.

Zzjfcool

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

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

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

80% match

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

80% match

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

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

80% match