Skip to main content
SimilarExport ZIP
100%

Fork of world map w/ cities

✓ Published0🌍 Public
SSnapika
Last edited Mar 31, 2022
Created on Mar 31, 2022

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.

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

Fork of world map w/ cities & countries pop!

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.

GGogineni44
92% match
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
91% 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
91% 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
91% 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
91% 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
91% match
Loading thumbnail…

Fork of WorldMap (mit Cities)

This is a world map visualization that displays global cities as circles, with their size scaled by population using a square root scale. The map is rendered using SVG paths and circles, with D3.js handling the geographic projections and data processing. The visualization uses `geoNaturalEarth1` for the map projection, `geoPath` for drawing countries and graticules, and `scaleSqrt` for city sizing. City and country data are loaded from external JSON and CSV sources, with React managing the user interface and rendering.

EEd Hutchinson
91% match