World Map

100%

✓ Published1🌍 Public

Last edited Apr 11, 2023

Created on Apr 11, 2023

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.

AI-generated description

A choropleth map of World Bank Dataset: GDP per capita, PPP (current international $).

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

89% 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

85% 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

85% 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

84% 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

84% 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

84% match

Loading thumbnail…

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

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.

CCurran Kelleher

83% match

Loading thumbnail…

Map Playground

This example visualizes World Bank GDP per capita data for 2020 as a choropleth map, using a natural Earth projection and a quantile color scale with the YlGnBu scheme. Missing data appears gray. The map renders country boundaries from TopoJSON fetched via `topojson.feature`, while CSV data is parsed with `csvParse` and joined to country codes using a `Map`. The visualization uses `d3.geoPath`, `geoNaturalEarth1`, and `d3.scaleQuantile` to encode values as fill colors.

KKyle?

82% match