Skip to main content
SimilarExport ZIP
100%

World population|Circles on a Map

✓ Published1🌍 Public
Vvladvaculin
Last edited Oct 17, 2019
Created on Sep 8, 2019
Forked from Cloropleth

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.

AI-generated description
MIT Licensed

Similar vizzes

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
100% match
Loading thumbnail…

Circles on a Map

This map visualization displays global population estimates for 2020 using circles sized by population magnitude and overlaid on a geographic projection. Countries are colored green if they have population data, red otherwise. The visualization uses d3.geoNaturalEarth1 for the map projection, d3.geoPath to render country boundaries, and d3.scaleSqrt for circle radii based on population values. Data comes from UN Population Estimates 2017 Medium Variant, processed with TopoJSON and d3.csv, with zoom functionality via d3.zoom.

Nnkohdatavis
90% match
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
90% 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
89% 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
89% 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
89% match
Loading thumbnail…

circles on the map

This map visualizes global population estimates for 2018 using circles sized by population, overlaid on a natural Earth projection. Country boundaries are drawn as SVG paths, with circles positioned at each country’s geographic centroid and scaled using a square-root scale. The visualization uses d3.geoPath for map rendering, d3.scaleSqrt for circle sizing, and a custom size legend. Data comes from a UN population estimates CSV joined with a TopoJSON world atlas, processed with the topojson feature API.

YYedrup
89% match
Loading thumbnail…

Circles on a Map

This visualization shows world population data from the UN Population Estimates 2017 medium variant, with each country colored green or red based on population presence and scaled circles representing 2018 population values. The map uses D3’s geoNaturalEarth1 projection with geoPath to render countries, and geoCentroid to position circles at country centers. Circle sizes are determined by a d3.scaleSqrt radius scale, while a color legend is generated using custom update patterns. The visualization supports zooming via d3.zoom and includes hover highlighting on countries. Data is loaded and processed from CSV and TopoJSON sources using d3.csv and topojson.feature.

JJuyeonee
89% match