Skip to main content
SimilarExport ZIP
100%

Fork of Choropleth Map

✓ Published0🌍 Public
MMatovu Ronald
Last edited Jun 26, 2023
Created on Jun 26, 2023
Forked from Choropleth Map

This fork of a choropleth map visualizes World Bank GDP per capita data for 2020 across countries worldwide. The map colors each country using a quantile color scale with a YlGnBu sequential scheme, with gray filling regions lacking data. The visualization loads GeoJSON topology from the world atlas and CSV data, processing both through `Promise.all` before rendering with `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.geoGraticule`. The code implements a reusable map component that updates through a state management pattern using `d3.select` and `d3.scaleQuantile`.

AI-generated description

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

See also:

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Choropleth Map

This fork of a choropleth map visualizes World Bank GDP per capita data for 2020 across countries worldwide. The map colors each country using a quantile color scale with a YlGnBu sequential scheme, with gray filling regions lacking data. The visualization loads GeoJSON topology from the world atlas and CSV data, processing both through `Promise.all` before rendering with `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.geoGraticule`. The code implements a reusable map component that updates through a state management pattern using `d3.select` and `d3.scaleQuantile`.

MMatovu Ronald
100% 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
93% 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
92% 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
91% 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
89% 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
85% match
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
84% 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?
84% match