Skip to content
Climate & Energy Simple #ghg#gwp

Greenhouse Gas Comparison

CO2 dominates by mass; CH4 and N2O punch above their weight per molecule.

A free, animated greenhouse gas comparison you can read here or embed on any website, from Scrollchart.

Greenhouse Gas Comparison

Greenhouse Gas ComparisonGWP100 per molecule vs annual CO2-equivalent emissions · IPCC AR6 WG1 Ch7CO2Carbon dioxideCH4MethaneN2ONitrous oxideSF6Sulphur hexafluorideGWP100 = 1 (reference)GWP100 = 29.8GWP100 = 273GWP100 = 25,200~36.8 Gt/yr~10.3 Gt CO2e/yr~2.7 Gt CO2e/yr~0.2 Gt CO2e/yr

Bars: GWP100 (CO2=1, CH4=28, N2O=265, SF6=23,500) and total annual emissions in CO2-equivalent.

Good for

  • Climate explainers contrasting the warming potency of CO2, CH4, and N2O
  • Policy briefings on the Global Methane Pledge and near-term mitigation value
  • Agriculture and food-system journalism on N2O from fertiliser and livestock

Source & accuracy

This greenhouse gas comparison is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

CO2's dominance by volume and weight

While carbon dioxide makes up the bulk of anthropogenic greenhouse gas emissions by mass, it tells only half the story. A molecule of methane traps roughly 80-120 times more heat than CO2 over a 20-year window, yet atmospheric concentrations of methane are far smaller. Nitrous oxide is equally potent gram-for-gram, retaining warmth for over a century. This discrepancy between abundance and warming potential is why policy-makers track both absolute emissions and CO2-equivalent (CO2e) measures.

The chart typically separates gross tonnage from radiative forcing (the actual warming energy per molecule). Without this distinction, reducing methane from livestock farming can look less urgent than it truly is for near-term climate goals.

Global warming potentials and time horizons

Climate impact scales with the timeframe you choose. Methane is a short-lived gas, degrading in the atmosphere within 12 years, so its 20-year GWP of ~84 reflects intense but temporary warming. Over 100 years, its impact shrinks to ~28 relative to CO2. Nitrous oxide, by contrast, persists for over a century, so its long-term GWP remains consistently high. This time-horizon sensitivity drives competing climate strategies: short-term policies prioritize methane cuts, while long-term decarbonization targets emphasize CO2.

Converting all gases to CO2-equivalent using a consistent time horizon ensures apples-to-apples comparison across emissions inventories and climate commitments.

Embed this diagram

Add this animated greenhouse gas comparison to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated greenhouse gas comparison for any website.
Who uses it
Climate & energy writers.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet
<div data-scrollchart="ghg-comparison" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Greenhouse Gas Comparison" for my website?
Scrollchart provides "Greenhouse Gas Comparison" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I embed a greenhouse gas comparison in WordPress or a static site?
Paste the HTML snippet from the Scrollchart diagram page into your WordPress post (in HTML/code view), your Webflow embed block, or directly into a static HTML file. No plugin is needed. The diagram loads from scrollchart.com and paints in as the reader scrolls.