World Bank Dataset: GDP per capita, PPP (current international $)

100%

World Bank Dataset: GDP per capita, PPP (current international $)

✓ Published0🌍 Public

Last edited Mar 16, 2023

Created on Mar 16, 2023

This example shows global GDP per capita (PPP) trends over time using a World Bank dataset, mapping each country’s economic output to a color-coded choropleth. The visualization employs `d3.forceSimulation` for layout adjustments and `d3.geoPath` to project country boundaries, while a time slider animates the yearly values. The rendering is powered by D3.js, reading from the CSV file which spans from 1990 to 2021. The result highlights economic disparities and growth patterns across regions, with the PPP conversion factor ensuring comparability between nations.

AI-generated description

Similar vizzes

Loading thumbnail…

Choropleth Map

This choropleth map visualizes GDP per capita (PPP, current international $) for 2020 across countries, using a sequential YlGnBu color scale to encode economic output. The map renders with d3.geoNaturalEarth1 and d3.geoPath, while d3.scaleQuantile assigns colors from d3-scale-chromatic’s schemeYlGnBu. Data comes from a World Bank CSV parsed with d3.csvParse, and country boundaries use topojson-client on a world atlas. Gray fills indicate missing GDP values for a given country.

CCurran Kelleher

83% match

Loading thumbnail…

World Map

This interactive choropleth map displays GDP per capita (PPP, current international dollars) for 2020 across world countries, using a yellow-green-blue sequential color scale with missing data filled in green. The visualization fetches topojson country outlines and a CSV dataset, then renders them using d3.geoNaturalEarth1 projection and d3.geoPath. Color encoding relies on d3.scaleQuantile with d3.schemeYlGnBu, while country boundaries are joined via d3.selectAll and Promise.all handles asynchronous data loading. The map also draws graticule lines and an outline for geographic context.

LLakshmipriya-kalapala

83% match

Loading thumbnail…

Fork of Choropleth Map

This choropleth map visualizes World Bank GDP per capita (PPP) data for 2020, assigning colors to countries based on their economic output. The map renders d3.geoPath shapes with a natural Earth projection and a YlGnBu color scheme, using a d3.scaleQuantile scale to bin the data into nine quantile-based classes. Countries missing data appear gray. The visualization fetches both a world atlas TopoJSON file and a CSV dataset via Promise.all, parsing the latter after skipping an initial header offset.

Fferneyhoughedward@gmail.com

80% match

Loading thumbnail…

Fork of Choropleth Map

This choropleth map visualizes GDP per capita (PPP, current international $) by country, using data from the World Bank’s 2020 dataset. It renders countries as geographic paths via `d3.geoPath`, fills them with a sequential color scale (`d3.scaleQuantile` and `schemeYlGnBu`), and marks missing values in gray. The code fetches TopoJSON world atlas boundaries and a CSV dataset, then combines them using `topojson-client` and `d3.csvParse`. Natural Earth projection and graticule lines provide geographic context.

NNICHAPA

78% match

Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map visualizes World Bank GDP per capita (PPP, current international dollars) for 2020 across countries. The map uses a natural Earth projection with a graticule and country outlines, coloring each nation on a quantile-based YlGnBu color scale from d3.scaleQuantile and d3.schemeYlGnBu, with missing data rendered in gray. It loads country geometries via topojson-client from a 110m atlas, fetches the CSV dataset, and renders the choropleth using d3.geoPath from the d3 library.

NNikithakatta30

78% match

Loading thumbnail…

Fork of Choropleth Map

This choropleth map visualizes GDP per capita (PPP) for countries in 2020, using a quantile color scale with a YlGnBu scheme to show economic disparities, while gray fills indicate missing data. Built with D3.js, it renders world geography via `geoNaturalEarth1` and `geoPath`, fetching TopoJSON from the visionscarto-world-atlas and parsing World Bank CSV data. The map uses `scaleQuantile` for color mapping, `Promise.all` to load datasets asynchronously, and dynamically resizes to the viewport.

Eeinsko

77% match

Loading thumbnail…

Fork of World Map ICE 8 11580431

This choropleth map visualizes GDP per capita (PPP, current international dollars) for 2020, with countries colored on a sequential YlGnBu scale. Countries missing data appear in orange. The visualization uses D3’s `geoNaturalEarth1` projection, `geoPath`, and `scaleQuantile` to map the World Bank dataset, which is fetched as a CSV and parsed with `csvParse`. The map renders country outlines, a graticule, and an outline using `geoGraticule`, with data joined to country features via a `Map` keyed by three-letter country codes.

Vviswak12

75% match

Loading thumbnail…

New_Scatter_Plot

This scatter plot displays the relationship between GDP per capita and population for countries, using World Bank data. The visualization uses red, semi-transparent circles to represent each country, with axes showing population in millions and GDP per capita in thousands. Built with D3 v7, the code applies `scaleLinear` for both axes, `axisLeft` and `axisBottom` for tick marks, and renders the plot as SVG. The chart includes gridlines, axis labels, and a title, with data loaded via `csv` from a GitHub-hosted dataset.

Mmartin

74% match