Fork of Firefly Cartography
✓ Published0🌍 Public
This example visualizes cities with populations over 50,000 as glowing firefly-like sprites on a dark, inverted Stamen toner-lite basemap. Each point is rendered using OpenLayers vector layers with a custom canvas-generated circle sprite. The map is built with React and OpenLayers, while city data is loaded via d3.csv from a Simplemaps World Cities Database. The visualization uses a WebGL-capable canvas context for sprite generation, creating a striking contrast against the dark gradient background.
AI-generated descriptionFirefly Cartography with OpenLayers and React.
Each point is a city with population greater than 50,000. City data from Simplemaps: World Cities Database. Data loading logic drawn from Sized Points on a Map.
MIT Licensed