Skip to main content
SimilarExport ZIP
100%

CO2 Chart: Multiple Bars

✓ Published0🌍 Public
88Tigers2020
Last edited Jul 20, 2021
Created on Jul 16, 2021

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.

AI-generated description

A visualization constructed using the vega-lite-api.

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

MIT Licensed

Similar vizzes

Loading thumbnail…

CO2 Bar Chart 2025

This bar chart displays CO₂ emissions by country for 2025, ranking nations from highest to lowest emissions. Each bar’s length encodes emission values in megatons, while color distinguishes geographic regions through a scaleOrdinal. The visualization uses d3.csv to load remote data, d3.scaleBand and d3.scaleLinear for positioning, and includes hover tooltips showing country, region, and precise values. Animated bar transitions grow from the baseline, and the SVG rendering includes axis labels and an interactive legend.

Vvunnamnandini13@gmail.com
83% match
Loading thumbnail…

Bar Chart

A horizontal bar chart displays CO2 emissions in kilotonnes for 39 countries in 2009, ranking the United States highest at over 5.4 million kt. The visualization uses D3.js v3 with an ordinal y-scale, a linear x-scale, and transitions that animate the bars and value labels from zero to their final lengths. Countries are labeled on the left, with a separator line, and hover effects increase bar opacity.

LLuisSevillano
78% match
Loading thumbnail…

Green house gas bar chart

A horizontal bar chart displays 2019 greenhouse gas emissions (in MtCO₂e) for eleven top-GDP countries, with population values from `data.csv`. Steel-blue bars encode emissions magnitude on a linear scale, while country names align on a band scale. The SVG rendering uses D3 v7’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the plot and axes. Interactive hover effects reveal a custom tooltip with the emission value, and the bar fill darkens via `attr("fill")` on mouse events.

DDIANJING FAN
77% 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
76% match
Loading thumbnail…

Barchart

This bar chart displays the top 15 CO₂-emitting countries in 2020, with bars scaled linearly to show each nation’s emissions in megatonnes. The view uses an SVG rendered by D3 v7, loading tab-separated data via `d3.tsv` from a public GitHub gist. Bars are drawn with `scaleBand` and `scaleLinear`, while rotated tick labels on the `axisBottom` improve readability of country names. The chart includes a bold title and axis labels for country and emissions, all created using standard D3 selection and join methods.

Bbadrinath888@gmail.com
76% match
Loading thumbnail…

CO2

This line chart shows CO2 emission values from 2000 to 2014, with each data point marked by a circle that reveals its exact value on hover via a tooltip. The visualization uses D3 v4 to render an SVG with time-scaled X axis and linear Y axis, applying a basis curve to smooth the line path. It loads data from a CSV file and demonstrates axis customization, interactive mouse events, and tooltip styling.

Llamiyaa
76% match
Loading thumbnail…

CO2

This line chart shows CO2 emission values from 2000 to 2014, with each data point marked by a circle that reveals its exact value on hover via a tooltip. The visualization uses D3 v4 to render an SVG with time-scaled X axis and linear Y axis, applying a basis curve to smooth the line path. It loads data from a CSV file and demonstrates axis customization, interactive mouse events, and tooltip styling.

Llamiyaa
76% match
Loading thumbnail…

CO2 emissions bubble chart

This interactive bubble chart visualizes CO2 emissions by country across years from 2015 to 2023, with bubble size proportional to emissions and color distinguishing countries. Built using D3.js v7, it employs `scaleLinear` for position and size mapping, `scaleOrdinal` with `schemeCategory10` for colors, and `axisBottom`/`axisLeft` for axes. The chart includes hover tooltips and labels, rendering SVG circles with opacity to display the multivariate dataset.

Oomniaabouhassan@gmail.com
76% match