Points On A Map III

100%

Points On A Map III

✓ Published1🌍 Public

Last edited Aug 14, 2021

Created on Aug 14, 2021

This visualization displays over 4 million cities and towns worldwide as semi-transparent blue circles on a natural Earth projection. Circle radius encodes each city’s population using a square-root scale, with larger dots representing more populous urban centers. The map renders geographic features via d3.geoPath, including landmasses, graticules, and country interiors from the world-atlas TopoJSON dataset. City coordinates and population data come from a Simplemaps CSV file, while the visualization is built with React, D3 v5, and SVG, offering a comprehensive view of global population distribution.

AI-generated description

Points on the world map using d3 Up-to-date: It was last refreshed in July 2021. Comprehensive: Over 4 million unique cities and towns from every country in the world. Accurate: Cleaned and aggregated from official sources. Includes latitude and longitude coordinates. Simple: A single CSV file, concise field names, only one entry per city. A dataset of cities of the world from Simplemaps Constructed by Niran Software Solution

MIT Licensed

Similar vizzes

Loading thumbnail…

Points On A Map IV

This example displays a world map with cities plotted as semi-transparent circles, where the circle size encodes each city’s population using a d3.scaleSqrt. The map uses a d3.geoNaturalEarth1 projection and d3.geoPath to render landmasses, graticules, and country boundaries from world-atlas TopoJSON data. City coordinates and populations come from a Simplemaps CSV loaded via d3.csv. The visualization is built with React components, rendering SVG marks and styled with CSS classes for land, sphere, interiors, and graticules.

Aadewole-top

92% match

Loading thumbnail…

Points on a Map

This interactive map displays global city populations as semi-transparent circles on a natural Earth projection, with country boundaries and graticules. The visualization uses d3.geoPath to render the sphere, graticules, and landmasses from the World Atlas TopoJSON. City coordinates are projected using d3.geoNaturalEarth1, with circle radii scaled by d3.scaleSqrt based on population data from a CSV file. The map is built as a React application using SVG for rendering.

Ttharuta

91% match

Loading thumbnail…

Points On a Map

This visualization displays a world map with cities rendered as circles, where the radius of each circle is proportional to the city's population using a square-root scale. The map uses an equal-area natural Earth projection with graticules and land masses drawn via `d3.geoPath`, while city coordinates are projected through the same projection. City population data comes from a CSV file, and the visualization is built with React and D3 v6, rendering all elements as SVG.

AAndres de la Garza

90% match

Loading thumbnail…

Points on a Map

This visualization displays world cities as semi-transparent circles overlaid on a natural Earth projection map, with circle size encoding population via a square root scale. The map includes land masses, country borders, graticules, and a sphere outline. React manages the component structure, while D3 v7 handles geo projection and path generation through `d3.geoNaturalEarth1` and `d3.geoPath`. City data comes from a CSV loaded with `d3.csv`, and world geography uses TopoJSON from the world-atlas package, rendered as SVG.

KK3zter

90% match

Loading thumbnail…

Points on a Map

This example visualizes cities with populations over 50,000 as semi-transparent circles on a natural Earth projection. The map displays country boundaries, interiors, graticules, and a sphere outline, with circle size scaled by population using `d3.scaleSqrt`. The React-based visualization uses `d3.geoPath` for geographic rendering and `d3.geoNaturalEarth1` for projection, with city data loaded from Simplemaps via CSV and country shapes from World Atlas TopoJSON.

TToonysg

90% match

Loading thumbnail…

Points on a map

This example visualizes global population distribution by plotting circles for cities on a natural Earth projection map. Circle radius encodes population using a square-root scale, with semi-transparent styling to show overlapping urban areas. The visualization uses React for component rendering, D3 v5 for geographic projections (`geoNaturalEarth1`), path generation (`geoPath`), and graticule creation, alongside TopoJSON to process world-atlas land and interior boundary data. City coordinates and populations come from a CSV dataset loaded via D3’s `csv` utility.

Rrajamrit-singh

90% match

Loading thumbnail…

Points on a Map

This visualization displays a world map with cities plotted as scaled circles representing population. The map uses the Natural Earth projection with graticules, country boundaries, and interiors rendered via D3's `geoPath` and `geoNaturalEarth1` projection. City positions come from a CSV file, and circle radii are scaled using D3's square-root scale (`scaleSqrt`) based on population data. The visualization is built with React and renders SVG marks, including land masses, a sphere outline, and graticule lines, all styled with a clean grayscale aesthetic.

Ccshm407

90% match

Loading thumbnail…

Points on world map

This visualization displays world cities as scaled circles on a natural Earth projection, with marker size encoding population using a square-root scale. The map renders land masses, graticules, and country borders in muted grays, while semi-transparent teal points overlay major urban centers. Built with React and D3 v7, it uses `geoNaturalEarth1` with `geoPath` for geographic projection, TopoJSON for world atlas data, and `scaleSqrt` to map population values to circle radii. City coordinates and populations come from a CSV dataset loaded via D3’s `csv` function.

AAlex Stulov

90% match