asdfcvd70@gmail.com

@A4rce·2 public vizzes

Fork of Fork of Points on a Map

This map visualizes global cities with populations over 50,000, using data from the Simplemaps World Cities Database. The geographic context comes from World Atlas TopoJSON, including country boundaries, graticules, and a sphere outline. The visualization uses a React component with the `geoNaturalEarth1` projection and `geoPath` from d3.v5 to render SVG paths. Circles represent cities, positioned using the projection on latitude and longitude coordinates, with a semi-transparent teal fill to show density.

Apr 10, 2024

Loading thumbnail…

Fork of Points on a Map

This visualization displays over 4,000 cities with populations exceeding 50,000 as semi-transparent points on a natural Earth projection. The map includes geographic context through landmasses, graticules, and country borders. Using React with d3.geoNaturalEarth1 and d3.geoPath, it renders the World Atlas TopoJSON shapes as SVG paths, while city coordinates from the Simplemaps World Cities Database are projected to circles. The code demonstrates asynchronous data loading with d3.json and d3.csv hooks, filtering the initial dataset to only larger urban centers.

Apr 10, 2024