Skip to main content
SimilarExport ZIP
100%

Fork of Choropleth Map

✓ Published0🌍 Public
Eeinsko
Last edited Oct 24, 2023
Created on Oct 24, 2023
Forked from 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.

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 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
94% 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
93% match
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
93% match
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
93% 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
92% 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
91% 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
86% match
Loading thumbnail…

Fork of Fork of Choropleth Map

This choropleth map uses color to show the economy classification of countries, with a legend displaying the ordinal color scale. The visualization is built with D3 v5, using `d3.geoPath` and the `geoNaturalEarth1` projection to render world map features from a TopoJSON dataset. It employs `d3.scaleOrdinal` with a `schemeSpectral` color range to map economic groups, and includes interactive zooming via a custom `zoom` function.

YYisionLiu
85% match