Fork of Points on a Map
This visualization shows a world map with cities whose populations exceed 50,000, plotted as semi-transparent teal dots. The map includes country boundaries, graticules, and a sphere outline, rendered using d3.geoPath with a geoNaturalEarth1 projection. City positions come from a CSV loaded via d3.csv, while country shapes are derived from World Atlas TopoJSON using topojson.feature and topojson.mesh. The React component structure uses hooks to fetch data asynchronously, and the SVG marks are drawn with React elements.