Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of OpenLayers Dark Basemap

Public visualization

Viewing a saved revision (read-only)

4d36708d9dd040a5afae34b6b4e381fe

Fork of OpenLayers Dark Basemap

0 stars0🌍 Public
Mmanishcheruku
Last edited Mar 3, 2023
Created on Mar 3, 2023

This example combines OpenLayers and D3 to create an interactive map with city data. The React component overlays D3-rendered circles, sized by death counts from a CSV dataset, onto an OpenLayers basemap using the Stamen toner-lite tiles. The map uses `ol.View` for panning and zooming, while `d3.geoNaturalEarth1` and `d3.geoPath` draw geographic features like land, graticules, and city points. The basemap is filtered with CSS to invert its colors and reduce opacity, producing a muted dark background.

AI-generated description

OpenLayers with React Starter code.

Additional feature: muted background.