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)

8feab1b31fd04360938c18c7c1375218

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.