Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Firefly Cartography

Public visualization

Viewing a saved revision (read-only)

d9cdcbcedbb441f69bde280edddcb1b6

Firefly Cartography

1 star4🌍 Public
CCurran Kelleher
Last edited Oct 9, 2025
Created on Mar 6, 2020

This example shows a dark, starry map of cities with populations over 50,000, using glowing points that mimic fireflies. It loads city data from a CSV and renders the points over an inverted Stamen toner basemap with OpenLayers. The glowing effect is created with a custom Canvas sprite, a radial gradient, and a Gaussian curve in `generateSprite.js`, while React manages the map lifecycle and D3 loads the data.

AI-generated description

Firefly 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.