This interactive visualization presents a world map showing the distribution of approximately 48,000 cities from the MaxMind WorldCities database. Using an orthographic projection rendered on a Canvas element, the map displays each city as a red point overlaid on a graticule and land polygons. The view supports pan and zoom interactions through the d3.zoom API, with the projection updating dynamically. The implementation leverages d3.geoOrthographic, d3.geoPath, and d3.geoGraticule within a Vue framework, with animation driven by requestAnimationFrame.