Fork of Chart: CO2 Reductions based on Renewable Energy Pricing

100%

Fork of Chart: CO2 Reductions based on Renewable Energy Pricing

✓ Published0🌍 Public

88Tigers2020

Last edited Jul 21, 2021

Created on Jul 21, 2021

Forked from 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.

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…

Chart: CO2 Reductions based on Renewable Energy Pricing

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.

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

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

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

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

76% match

Loading thumbnail…

Fork of CO2 Emissions Over Time

This fork of a stacked area chart visualizes global CO2 emissions from 1790 onward, breaking down fossil fuel sources into solids, liquids, gas, cement production, and gas flaring. The chart uses D3 v4 with SVG rendering, employing `d3.stack` and `d3.area` for the stacked layout and `d3-area-label` for positioning white labels within each area. The `d3-scale-chromatic` library supplies the color scheme, and data is loaded from a CSV containing yearly emissions in gigatons. Interactive hover effects darken each area, while axes display time and emission values.

Ssuketua

75% 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 over time, broken down by fossil fuel type—gas, liquids, solids, cement production, and gas flaring. It uses a time-scaled x-axis and a linear y-axis measuring gigatons per year, with hover effects that darken each segment. Built with D3 v4, it loads CSV data and renders SVG paths via `d3.area` and `d3.stack`. Label placement leverages `d3.areaLabel` from the d3-area-label library. The chart updates responsively with window resize events.

Kkyleholgate

75% match