Population worldmap

100%

Population worldmap

✓ Published0🌍 Public

Hhxc20060903

Last edited Jan 4, 2021

Created on Jan 3, 2021

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Circles on a Map

This map visualization displays global population by country using semi-transparent circles sized proportionally to 2018 population data from the UN, with a square-root scale for area encoding. The code uses d3.geoNaturalEarth1 projection, d3.geoPath, and d3.geoCentroid to position circles at country centroids, while d3.zoom enables panning and zooming. Hovering reveals country names and population values via SVG title elements, and a custom size legend explains the circle scaling. Data sources include UN population CSV and TopoJSON world atlas geometry.

Jjesramyep1263

91% match

Loading thumbnail…

Circles on a Map

This visualization shows world population by country using scaled circles over a natural Earth projection map, with circle area proportional to 2018 population data. Users can pan and zoom the map and hover over countries to see regional names and exact population figures. The code uses D3 v5 with `geoNaturalEarth1`, `geoPath`, `geoCentroid`, `scaleSqrt`, and `zoom`, rendering SVG paths for country borders and semi-transparent circles. Population data comes from a CSV file merged with TopoJSON world atlas geometry.

Yyakupermurat

91% match

Loading thumbnail…

Circles on a Map

This visualization shows global population estimates for 2018 as colored circles positioned at the geographic centroid of each country on a natural Earth projection. A size legend encodes population magnitudes, while a color legend maps a categorical scale, with countries lacking data highlighted in a different shade. The code uses d3.geoPath and d3.geoCentroid for map rendering, d3.scaleSqrt for circle sizing, and d3.scaleOrdinal with a spectral scheme for colors. Population data comes from a UN CSV dataset, joined to country geometries from a TopoJSON world atlas. Users can pan and zoom via d3.zoom, with hover tooltips showing region names and formatted population counts.

NNita

91% match

Loading thumbnail…

Circles on a Map

This visualization displays global population estimates for 2018 by placing semi-transparent blue circles at the geographic centroids of each country on a natural Earth projection. The map supports zooming and panning via d3.zoom, with a size legend showing population values scaled using d3.scaleSqrt. Data combines UN population CSV with TopoJSON world boundaries, processed using d3.csv, d3.json, and topojson.feature. The code uses d3.geoPath, d3.geoCentroid, and d3.geoNaturalEarth1, alongside SVG rendering to show the choropleth-like country fills and legend components.

CCarloGato

91% match

Loading thumbnail…

Circles on a Map

CCarloGato

91% match

Loading thumbnail…

Circles on a Map

This visualization displays global population by country in 2018, with circles sized proportionally to population counts overlaid on a natural Earth projection map. The map supports pan and zoom interactions, and hovering over countries reveals population data or missing-data indicators. Built with D3 v5, the example uses `d3.geoPath` for map rendering, `d3.geoNaturalEarth1` for projection, `d3.zoom` for interaction, and `d3.scaleSqrt` for circle sizing, while styling and legend components are defined in separate JavaScript modules. Population data comes from a UN estimates CSV, with country boundaries from a TopoJSON world atlas.

GGerryLivermore

91% match

Loading thumbnail…

Circles on a map

This map visualization displays the global population distribution for 2018 using circles sized by population count, placed at each country's geographic centroid over a natural Earth projection. The map uses `d3.geoPath` for rendering country boundaries and `d3.scaleSqrt` for circle sizing, with a legend showing population ranges. Users can zoom and pan using `d3.zoom`. Population data comes from a UN dataset (medium variant estimates), joined with TopoJSON world geometry via `d3.json` and `d3.csv`. A color legend marks missing data countries in red.

Ccornshoots

90% match

Loading thumbnail…

Circles on the map

This visualization displays global population estimates for 2018, projected onto a natural Earth map using d3.geoNaturalEarth1 and rendered with d3.geoPath. Circles positioned at country centroids via geoCentroid scale in size with population using d3.scaleSqrt. The map supports panning and zooming through d3.zoom, with tooltips showing population values. Data comes from UN population estimates merged with TopoJSON world atlas geometries, and both size and color legends are built using reusable d3 components.

LLongYuu

90% match