This example displays a natural Earth projection world map with graticules and country boundaries, overlaid with small semi-transparent teal dots representing cities exceeding 50,000 in population. The map is rendered as SVG using React, with D3’s `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` for the geographic features. City coordinates are projected from latitude and longitude into screen positions, and the underlying data comes from Simplemaps’ World Cities Database, while land and interior boundaries derive from the World Atlas TopoJSON. Asynchronous data fetching is handled via custom hooks using D3’s `csv` and `json` loaders.