World Population Map (2023 estimates)

100%

World Population Map (2023 estimates)

✓ Published0🌍 Public

Last edited Apr 13, 2026

Created on Apr 13, 2026

Forked from Map

This interactive SVG map visualizes 2023 world population estimates using a logarithmic color scale, with countries shaded from light yellow to dark blue-green based on population size. Countries lacking data appear in neutral gray, and hovering over any nation reveals a tooltip with its name. Built with D3.js v7 and TopoJSON, the map employs a Natural Earth projection, graticule grid, and sphere background. Population values come from the UN World Population Prospects 2023, keyed by ISO numeric country codes, and the color encoding uses `d3.scaleSequentialLog` with an interpolator for the YlGnBu color scheme.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

World Population Map 2022

This choropleth map visualizes total population by country for 2022, using a threshold color scale with seven blues to indicate population ranges. It renders world geography via `d3.geoPath` with a Mercator projection, and loads country boundary data from a GeoJSON file while fetching population statistics from a CSV. Hovering over a country triggers animated opacity changes and highlights the selected region with a black stroke, with tooltips showing the country name and its population value.

AAllen Ho

83% match

Loading thumbnail…

World Map

This interactive world map visualizes population data by country for 2018, using color and size to distinguish between regions with and without reported figures. The visualization employs a natural Earth projection via `d3.geoPath` and `d3.geoNaturalEarth1`, with countries rendered as SVG paths. Population values are mapped to circle sizes using `d3.scaleSqrt`, and a size legend with tick marks displays the scale. Users can pan and zoom through `d3.zoom`, and hovering over a country reveals its population via a tooltip. Data comes from a CSV file joined to TopoJSON world atlas geometry.

Rrohit181099

83% match

Loading thumbnail…

World population|Circles on a Map

This map of world population for 2020 uses blue circles overlaid on a natural Earth projection to show country-level population sizes, with each circle’s area scaled proportionally. The visualization uses d3.geoPath and d3.geoCentroid to project country polygons and place circles at centroid positions, while d3.scaleSqrt maps population counts to radii. A custom legend with formatted tick labels explains the scaling. Data comes from the UN population estimates, and tooltips reveal exact country names and population figures on hover. The renderer is SVG.

Vvladvaculin

83% match

Loading thumbnail…

World population|Circles on a Map

Vvladvaculin

83% match

Loading thumbnail…

Population worldmap

This worldmap visualization displays global population estimates for 2018, overlaying semi-transparent circles on each country’s centroid, sized by population using a square-root scale. The map supports zooming and panning, with a color legend and size legend for reference. Built with D3 v5, it uses `geoNaturalEarth1` and `geoPath` for the map projection, `geoCentroid` for circle placement, and `zoom` for interactivity. Population data comes from a UN CSV dataset, merged with country geometries from a TopoJSON world atlas.

Hhxc20060903

81% match

Loading thumbnail…

world map

This world map visualizes population density across countries, with each nation colored on a sequential blue scale from light to dark based on its density value. The map renders in SVG using a Natural Earth projection via d3.geoNaturalEarth1 and d3.geoPath. It loads TopoJSON country boundaries from world-atlas and joins CSV population data by country ID, while a gradient legend shows the density range. Interactive hover tooltips display the country ID and its population density or “No data” when unavailable.

AAparna Desi Reddy

81% match

Loading thumbnail…

World Population Map - Assignment 8

This world population map visualizes population data for 30 countries using a choropleth encoding, where countries are shaded from light pink to dark red based on population size. Powered by D3.js v7 and TopoJSON, it renders geographic outlines with a Natural Earth projection and geoPath, overlaying a graticule for reference. Hovering highlights a country in gold and displays a tooltip with its name and population in millions. Population figures come from a hardcoded dataset applied via d3.scaleThreshold.

AAKSHAY

80% match

Loading thumbnail…

World Map

This world map visualizes global population distribution, with countries shaded in increasingly deep reds to indicate higher 2022 population figures. The visualization loads geographic boundaries from the visionscarto-world-atlas TopoJSON file and joins it with population data from a CSV file. Using D3’s `geoNaturalEarth1` projection, `geoPath`, and `scaleSequential` with `interpolateReds`, it renders each country as a filled path. A graticule and outline provide geographic context, while the map fetches and processes the atlas data asynchronously via `fetch` and `topojson.feature`.

Aabell@wpi.edu

80% match