🌍 Public
Viewing a saved revision (read-only)
4952d91c060a49aa8ee6fe0fed5c65a3
State Shopping Ratings
This example presents a world map visualization that plots cities as tiny dots, sourced from a reduced world cities database and rendered alongside country boundaries from the visionscarto-world-atlas. The visualization uses the D3.js library’s `geoNaturalEarth1` projection and `geoPath` to draw the map and graticule, while `topojson-client` converts the TopoJSON data into features. Each city’s latitude and longitude are projected to screen coordinates, then drawn as small circles, with the country shapes styled in light gray.
AI-generated descriptionA world map showing cities.
See also:
- Simplemaps: World Cities Database
- Wikipedia: Toggle the table of contents Geographic coordinate system
- d3-geo: projection(point)
MIT Licensed