Skip to main content
SimilarExport ZIP
100%

Chart: CO2 Reductions based on Renewable Energy Pricing

✓ Published1🌍 Public
88Tigers2020
Last edited Jul 21, 2021
Created on Jul 18, 2021

This interactive scatter plot visualizes projected CO2 emission reductions alongside fossil fuel electricity generation from 2010 onward, using data from the US Energy Information Administration. Two datasets are plotted against time, with steel-blue circles for fossil fuel electricity and gray circles for CO2 emissions. The chart uses dual y-axes to display both metrics, with D3 v6 handling the SVG rendering and animations. It builds on a reusable scatter plot pattern, employing D3's selection.join, scaleTime, and axis components to create the time-based visualization.

AI-generated description

A visualization constructed using the D3 library.

The data shown here comes from the The US Energy Information Administration, via GitHub Gist.

This was created from a fork of this Covid-19 Vaccination scatter plot so here is what that VizHub chart also credits:

"Credits: *reusable scatter plot inspired by

Towards Reusable Charts

Observable: selection.join

Curran Kelleher Reusable D3 Scatter Plot B&W*"

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Chart: CO2 Reductions based on Renewable Energy Pricing

This chart visualizes projected CO2 emission reductions alongside fossil fuel electricity generation, plotting both datasets over time according to renewable energy pricing plans. Using D3 v6, it renders two series as scatter plots with distinct colored circles, employing scaleTime and scaleLinear for axes and d3.line with curve interpolation for data trends. The visualization leverages axisRight and axisLeft for dual y-axes, transitions for circle growth, and sources data from the US Energy Information Administration.

88Tigers2020
92% match
Loading thumbnail…

Renew of CO2 Reduction Graph

This example visualizes projected carbon emission reductions based on renewable energy prices, comparing CO2 emissions (in billion metric tons) against fossil fuel electricity generation (in trillion kilowatt-hours) over time. The chart uses two separate line series rendered with d3.line and curveNatural, with React components for axes (AxisBottom, AxisSide) and data loading via useEffect and csv. The visualization displays both metrics on a shared time scale, sourced from the US Energy Information Administration, with the chart rendered as SVG in a React application.

88Tigers2020
83% match
Loading thumbnail…

CO2 Chart: Multiple Bars

This chart displays projected CO2 emissions in billion metric tons by sector from 2020 to 2030, using grouped bars for each year. It employs D3 v5 with `scaleBand` for both year and sector categories, `scaleLinear` for values, and `scaleOrdinal` for color mapping. The data originates from the US Energy Information Administration via a GitHub Gist, rendered as SVG with axes, a title, and a legend.

88Tigers2020
75% 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
74% 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
74% 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
74% 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
73% 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
73% match