Skip to main content
SimilarExport ZIP
100%

Fork of world map w/ cities & countries pop!

✓ Published0🌍 Public
GGogineni44
Last edited Apr 10, 2023
Created on Apr 10, 2023

A world map visualization displays cities with populations over 50,000 as scaled circles, while country polygons are shaded by population density with hover tooltips. Using React with the d3-geo-projection library, it applies a natural Earth projection and renders graticules, geographic lines, and country boundaries via `geoPath`. City radii use a square-root scale based on population data from Simplemaps, while country opacity maps to UN population data from a CSV file.

AI-generated description

A world map showing cities with population greater than 50,000. City data from Simplemaps: World Cities Database.

Country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

--
Datavis 2020 #37

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of world map w/ cities & countries pop!

A world map visualization displays global city populations and country population data, with city circles sized by population and country polygons colored by opacity according to population. The visualization uses a Natural Earth projection from d3-geo-projection, rendered with React and SVG paths via d3.geoPath. City data comes from the Simplemaps World Cities Database, while country boundaries use World Atlas TopoJSON. Hovering over cities or countries reveals population tooltips, with graticules and geographic reference lines overlaid for context.

Ssrividyap03
95% match
Loading thumbnail…

Fork of world map w/ cities & countries pop!

This visualization displays a world map with cities exceeding 50,000 population and country-level population data. Cities appear as scaled circles based on population, while countries vary in opacity according to their population figures. The map uses React with d3-geo-projection’s `geoNaturalEarth1` projection and `geoPath` for rendering. City data comes from Simplemaps, country boundaries from World Atlas TopoJSON, and population values from a UN 2019 dataset. Additional geographic lines and graticules enhance the map’s spatial context.

Rradhadevarapu
95% match
Loading thumbnail…

Fork of world map w/ cities & countries pop!

This visualization displays a world map with cities exceeding 50,000 population and country-level population data. Cities appear as scaled circles based on population, while countries vary in opacity according to their population figures. The map uses React with d3-geo-projection’s `geoNaturalEarth1` projection and `geoPath` for rendering. City data comes from Simplemaps, country boundaries from World Atlas TopoJSON, and population values from a UN 2019 dataset. Additional geographic lines and graticules enhance the map’s spatial context.

Rradhadevarapu
95% match
Loading thumbnail…

Fork of world map w/ cities & countries pop!

This visualization displays a world map with cities over 50,000 population, using circles scaled by population size and country polygons colored by opacity to reflect national population. The map uses `d3.geoNaturalEarth1` projection with `d3.geoPath` to render land, graticules, and geographic lines, while React manages the component state. City data comes from Simplemaps, country boundaries from World Atlas TopoJSON, and population figures from UN 2019 estimates. Tooltips show city populations and country names, with missing country data marked as “no data.”

Aabiipanhwar
95% match
Loading thumbnail…

Fork of world map w/ cities & countries pop!

A global map visualizes cities and countries by population using a natural Earth projection. City markers sized with a square-root scale encode population, while country fill opacity encodes population data, with a distinct class for missing values. The visualization uses `d3.geoPath`, `d3.geoNaturalEarth1`, and `d3.geoGraticule` for map rendering, with data loading via `d3.csv` and `d3.json`, and React for the interface.

GGalineeharika
94% match
Loading thumbnail…

Fork of world map w/ cities & countries pop!

This visualization displays a world map with cities and countries, using proportional symbols to encode population data. City locations are shown as circles, with their radius scaled according to population, while countries are shaded with an opacity value that reflects their total population, using data from the UN Population 2019 dataset. The map is rendered using D3.js geo projections with a Natural Earth projection, and the `d3.geoPath` API draws the geographic features. Country boundaries come from the World Atlas TopoJSON, and the city data is sourced from Simplemaps, with the entire scene rendered as an SVG.

Bbhanuteja1807@gmail.com
93% match
Loading thumbnail…

Fork of world map w/ cities

A world map displays cities with populations exceeding 50,000, sized by population using a square root scale. The map uses a Natural Earth projection with a rotation offset, rendering land, graticules, geographic lines, and country boundaries as SVG paths via `d3.geoPath`. City data comes from Simplemaps, while country boundaries use World Atlas TopoJSON. An animated GIF pattern fills the land, and hovering over countries highlights them. Built with React and D3.

SSnapika
92% match
Loading thumbnail…

Fork of World maping with cities

This interactive map displays world cities with circle sizes proportional to population, overlaid on a geographic projection of Earth. It renders country landmasses, graticules, and interior borders using `d3.geoPath` with `geoNaturalEarth1` projection, while city positions are projected from latitude/longitude coordinates. Population values drive a square-root scale to determine circle radii. The visualization uses React hooks to load TopoJSON world atlas data and CSV city data, with d3.v5 handling geographic calculations and SVG rendering.

Ppatasky
91% match