Skip to content
Geography Simple #gdp#economics#regions

GDP by Region

Per-capita and total GDP across continents and major economies.

A free, animated gdp by region you can read here or embed on any website, from Scrollchart.

GDP by Region

GDP by Region (2023)Bars = GDP per capita (USD); circles = total GDP (trillion USD, area scaled)0$15k$30k$45k$60kGDP per capita (USD)Total GDP(USD tn)$57kNorth America$35kEurope$14kEast Asia$12kMiddle East$9kLatin America$2kSouth Asia$2kSub-Saharan Afr28.2T23.1T29.8T4.1T5.7T4.6T2.0TKey insightEast Asia total GDPrivals North Americabut per-capita is 4x lowerBar = per capitaCircle = total GDPNorth America richest per person; East Asia largest total economy; Sub-Saharan Africa 33x gap vs NA

Grouped bar and bubble chart comparing GDP per capita (bars) and total GDP (circles, area scaled) across seven world regions. North America leads per capita at $56,800; East Asia rivals it in total output at $29.8 trillion. Sub-Saharan Africa sits 33x below North America per person.

Good for

  • Economics and development articles explaining why total and per-capita GDP tell different stories
  • Geography explainers on the income gap between regions
  • Policy and aid discussions contrasting purchasing power vs aggregate output

Source & accuracy

This gdp by region 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.

Total GDP vs. per-capita GDP tell different stories

China's total GDP rivals the United States, but its per-capita GDP (GDP divided by population) is lower because China has 1.4 billion people. Luxembourg has a tiny total GDP but the highest per-capita GDP in the world because it is a small, wealthy nation. These two measures rank countries very differently, and which one matters depends on the context: total GDP indicates economic clout, per-capita indicates individual prosperity.

Regional aggregates hide internal disparities

Europe's average per-capita GDP is high, but Bulgaria earns a fraction of what Luxembourg does. Africa's total GDP is growing, but it is distributed unevenly across 54 countries with very different development levels. Aggregating by continent or region simplifies complex global economics, but masks the reality that wealth is concentrated in specific countries and regions within each.

Embed this diagram

Add this animated gdp by region 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 gdp by region for any website.
Who uses it
Travel blogs, News organizations.
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="gdp-by-region" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "GDP by Region" for my website?
Scrollchart provides "GDP by Region" 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 gdp by region 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.