DrJoNoble

@DrJoNoble·2 public vizzes

My map

A map of European and North African cities displays population data as small circles over a geographic projection of country boundaries. The visualization uses D3 v6 in a React framework, rendering as SVG with d3.geoMercator and d3.geoPath to draw the map. City coordinates from a CSV file are projected and plotted as circles, with labels showing each city’s name, all styled via a linked CSS file.

Mar 22, 2021

Loading thumbnail…

My map

This map shows European and North African cities with their populations, plotted as points over country boundaries. Using D3 v5 within a React framework, the visualization loads GeoJSON country polygons and CSV city data via `Promise.all`, then renders them with `d3.geoPath` and a Mercator projection. City labels appear beside each point, with styling controlled by the map.css file.

Mar 27, 2020