01 · WORLD BANK / OPEN DATA NOTEBOOK
A wider world.
Different economies. Shared questions. Explore income, longevity and population across 12 countries.
Saved snapshotRetrieved 29 Oct 2026
The income picture
Current US$ per person · bars use thousands
Swipe or scroll sideways to explore the chart →
View data
| Series | Point | Value |
|---|---|---|
| GDP per capita | United States | 82.59 |
| GDP per capita | Australia | 65.06 |
| GDP per capita | Canada | 54.85 |
| GDP per capita | Germany | 54.78 |
| GDP per capita | United Kingdom | 49.92 |
| GDP per capita | France | 44.7 |
| GDP per capita | Japan | 35.22 |
| GDP per capita | Hungary | 22.21 |
| GDP per capita | China | 12.95 |
| GDP per capita | Brazil | 10.38 |
| GDP per capita | South Africa | 6.03 |
| GDP per capita | India | 2.43 |
View chart code ⌘
import { layoutChart, toSvgChart } from '@borrowdale/charts';
import { excalifontFiles } from '@borrowdale/text/excalifont-files';
const spec = {
"width": 660,
"height": 400,
"title": "GDP per capita",
"legend": "none",
"fontSize": 12,
"axes": {
"y": {
"type": "band",
"categories": [
"United States",
"Australia",
"Canada",
"Germany",
"United Kingdom",
"France",
"Japan",
"Hungary",
"China",
"Brazil",
"South Africa",
"India"
]
},
"x": {
"type": "linear",
"format": {
"prefix": "$",
"suffix": "k"
}
}
},
"style": {
"roughness": 0.8,
"fillStyle": "solid"
},
"series": [
{
"type": "bar",
"name": "GDP per capita",
"color": "#de9b24",
"data": [
82.5867847707894,
65.0583773146674,
54.8475370112652,
54.7767668235491,
49.919689662158596,
44.7001384177544,
35.215003535366,
22.208650982046603,
12.951178239704301,
10.3775892792557,
6.03427208964673,
2.43444826340989
]
}
],
"seed": 7
};
const svg = toSvgChart(layoutChart(spec), { fontFiles: excalifontFiles });
document.querySelector('#chart').innerHTML = svg;More than an income
Bubble area represents population · each bubble is one country
Swipe or scroll sideways to explore the chart →
View data
| Series | Point | Value |
|---|---|---|
| Australia | 1 | 65.06 · 83.05 · 26.66 |
| Brazil | 1 | 10.38 · 75.85 · 211.14 |
| Canada | 1 | 54.85 · 81.63 · 40.05 |
| China | 1 | 12.95 · 77.95 · 1,410.71 |
| Germany | 1 | 54.78 · 81.04 · 83.29 |
| France | 1 | 44.7 · 82.83 · 68.37 |
| United Kingdom | 1 | 49.92 · 81.24 · 68.53 |
| Hungary | 1 | 22.21 · 76.57 · 9.59 |
| India | 1 | 2.43 · 72 · 1,438.07 |
| Japan | 1 | 35.22 · 84.04 · 124.52 |
| United States | 1 | 82.59 · 78.39 · 336.76 |
| South Africa | 1 | 6.03 · 66.14 · 63.21 |
View chart code ⌘
import { layoutChart, toSvgChart } from '@borrowdale/charts';
import { excalifontFiles } from '@borrowdale/text/excalifont-files';
const spec = {
"width": 660,
"height": 400,
"title": "Income and longevity",
"legend": "bottom",
"axes": {
"x": {
"type": "linear",
"title": "GDP per capita · US$ thousands"
},
"y": {
"type": "linear",
"min": 40,
"max": 95,
"title": "Life expectancy · years"
}
},
"style": {
"roughness": 0.7,
"fillStyle": "solid"
},
"series": [
{
"type": "bubble",
"name": "Australia",
"color": "#de9b24",
"data": [
[
65.0583773146674,
83.0512195121951,
26.659922
]
]
},
{
"type": "bubble",
"name": "Brazil",
"color": "#397e92",
"data": [
[
10.3775892792557,
75.848,
211.140729
]
]
},
{
"type": "bubble",
"name": "Canada",
"color": "#3b7662",
"data": [
[
54.8475370112652,
81.6263414634146,
40.049088
]
]
},
{
"type": "bubble",
"name": "China",
"color": "#bd6556",
"data": [
[
12.951178239704301,
77.953,
1410.71
]
]
},
{
"type": "bubble",
"name": "Germany",
"color": "#7b79a3",
"data": [
[
54.7767668235491,
81.0414634146342,
83.287273
]
]
},
{
"type": "bubble",
"name": "France",
"color": "#8c8a50",
"data": [
[
44.7001384177544,
82.8317073170732,
68.372286
]
]
},
{
"type": "bubble",
"name": "United Kingdom",
"color": "#de9b24",
"data": [
[
49.919689662158596,
81.2380975609756,
68.526
]
]
},
{
"type": "bubble",
"name": "Hungary",
"color": "#397e92",
"data": [
[
22.208650982046603,
76.5707317073171,
9.592186
]
]
},
{
"type": "bubble",
"name": "India",
"color": "#3b7662",
"data": [
[
2.43444826340989,
72.003,
1438.069596
]
]
},
{
"type": "bubble",
"name": "Japan",
"color": "#bd6556",
"data": [
[
35.215003535366,
84.0412195121951,
124.51665
]
]
},
{
"type": "bubble",
"name": "United States",
"color": "#7b79a3",
"data": [
[
82.5867847707894,
78.3853658536585,
336.755052
]
]
},
{
"type": "bubble",
"name": "South Africa",
"color": "#8c8a50",
"data": [
[
6.03427208964673,
66.139,
63.212384
]
]
}
],
"seed": 7
};
const svg = toSvgChart(layoutChart(spec), { fontFiles: excalifontFiles });
document.querySelector('#chart').innerHTML = svg;A longer perspective
Hungary · 2010–2024 · gaps are missing observations
Swipe or scroll sideways to explore the chart →
View data
| Series | Point | Value |
|---|---|---|
| Hungary | 2010 | 74.21 |
| Hungary | 2011 | 74.86 |
| Hungary | 2012 | 75.06 |
| Hungary | 2013 | 75.57 |
| Hungary | 2014 | 75.76 |
| Hungary | 2015 | 75.57 |
| Hungary | 2016 | 76.06 |
| Hungary | 2017 | 75.82 |
| Hungary | 2018 | 76.07 |
| Hungary | 2019 | 76.32 |
| Hungary | 2020 | 75.42 |
| Hungary | 2021 | 74.07 |
| Hungary | 2022 | 75.87 |
| Hungary | 2023 | 76.57 |
| Hungary | 2024 | 76.72 |
View chart code ⌘
import { layoutChart, toSvgChart } from '@borrowdale/charts';
import { excalifontFiles } from '@borrowdale/text/excalifont-files';
const spec = {
"width": 660,
"height": 310,
"title": "Hungary · life expectancy",
"legend": "none",
"fontSize": 12,
"axes": {
"x": {
"type": "band",
"categories": [
"2010",
"2011",
"2012",
"2013",
"2014",
"2015",
"2016",
"2017",
"2018",
"2019",
"2020",
"2021",
"2022",
"2023",
"2024"
]
},
"y": {
"type": "linear",
"format": {
"suffix": " yr"
}
}
},
"style": {
"roughness": 0.8,
"fillStyle": "solid"
},
"series": [
{
"type": "line",
"name": "Hungary",
"color": "#3b7662",
"curve": "monotone",
"data": [
74.2073170731707,
74.8585365853659,
75.0634146341463,
75.5658536585366,
75.7634146341463,
75.5682926829269,
76.0634146341464,
75.8170731707317,
76.0658536585366,
76.3195121951219,
75.419512195122,
74.0658536585366,
75.8682926829268,
76.5707317073171,
76.7243902439025
]
}
],
"seed": 7
};
const svg = toSvgChart(layoutChart(spec), { fontFiles: excalifontFiles });
document.querySelector('#chart').innerHTML = svg;People in perspective
Share of population among these 12 countries only
Swipe or scroll sideways to explore the chart →
View data
| Series | Point | Value |
|---|---|---|
| Population | Australia | 26,659,922 |
| Population | Brazil | 211,140,729 |
| Population | Canada | 40,049,088 |
| Population | China | 1,410,710,000 |
| Population | Germany | 83,287,273 |
| Population | France | 68,372,286 |
| Population | United Kingdom | 68,526,000 |
| Population | Hungary | 9,592,186 |
| Population | India | 1,438,069,596 |
| Population | Japan | 124,516,650 |
| Population | United States | 336,755,052 |
| Population | South Africa | 63,212,384 |
View chart code ⌘
import { layoutChart, toSvgChart } from '@borrowdale/charts';
import { excalifontFiles } from '@borrowdale/text/excalifont-files';
const spec = {
"width": 660,
"height": 370,
"title": "Population in the comparison",
"legend": "right",
"series": [
{
"type": "pie",
"name": "Population",
"innerRadius": 0.5,
"data": [
{
"name": "Australia",
"value": 26659922,
"color": "#de9b24"
},
{
"name": "Brazil",
"value": 211140729,
"color": "#397e92"
},
{
"name": "Canada",
"value": 40049088,
"color": "#3b7662"
},
{
"name": "China",
"value": 1410710000,
"color": "#bd6556"
},
{
"name": "Germany",
"value": 83287273,
"color": "#7b79a3"
},
{
"name": "France",
"value": 68372286,
"color": "#8c8a50"
},
{
"name": "United Kingdom",
"value": 68526000,
"color": "#de9b24"
},
{
"name": "Hungary",
"value": 9592186,
"color": "#397e92"
},
{
"name": "India",
"value": 1438069596,
"color": "#3b7662"
},
{
"name": "Japan",
"value": 124516650,
"color": "#bd6556"
},
{
"name": "United States",
"value": 336755052,
"color": "#7b79a3"
},
{
"name": "South Africa",
"value": 63212384,
"color": "#8c8a50"
}
]
}
],
"seed": 7
};
const svg = toSvgChart(layoutChart(spec), { fontFiles: excalifontFiles });
document.querySelector('#chart').innerHTML = svg;Three dimensions
Each measure is relative to the highest of the 12 countries (100).
Swipe or scroll sideways to explore the chart →
View data
| Series | Point | Value |
|---|---|---|
| Hungary | Income | 26.89 |
| Hungary | Longevity | 91.11 |
| Hungary | Population | 0.67 |
View chart code ⌘
import { layoutChart, toSvgChart } from '@borrowdale/charts';
import { excalifontFiles } from '@borrowdale/text/excalifont-files';
const spec = {
"width": 660,
"height": 370,
"title": "Hungary · relative profile",
"axes": {
"angle": {
"type": "band",
"categories": [
"Income",
"Longevity",
"Population"
]
},
"radius": {
"type": "linear",
"min": 0,
"max": 100
}
},
"series": [
{
"type": "radar",
"name": "Hungary",
"color": "#3b7662",
"data": [
26.891289016377485,
91.11092408196912,
0.6670182045904265
]
}
],
"seed": 7
};
const svg = toSvgChart(layoutChart(spec), { fontFiles: excalifontFiles });
document.querySelector('#chart').innerHTML = svg;