Skip to main content
SimilarExport ZIP
100%

Atlas Map

✓ Published1🌍 Public
VVineela Reddy
Last edited Apr 12, 2023
Created on Apr 12, 2023
Forked from Choropleth Map

This atlas map visualizes global GDP per capita for the year 2020, using a color gradient from yellow to blue to represent the quantile distribution of the data. Countries with missing data appear in gray. The map is rendered with the D3.js library, using `geoNaturalEarth1` for the projection, `geoPath` for country outlines, and `geoGraticule` for the graticule and outline layers. GDP data is fetched from a CSV file, while country geometries are loaded from a TopoJSON world atlas.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Atlas Map

This fork of the Atlas Map uses D3.js to render a global choropleth map of GDP per capita for the year 2020. It displays countries colored on a blue-green scale using a `d3.scaleQuantile` mapping, with gray for missing data, overlaid with red graticule lines and an aqua outline. The visualization fetches geographic data from a TopoJSON world atlas and economic data from a CSV file, then uses `d3.geoNaturalEarth1` projection and `d3.geoPath` to draw the countries.

VVineela Reddy
86% 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
82% 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
79% 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…

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?
77% 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 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
76% 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
76% match