Skip to content

Web Mapping

Summary: Notes on web mapping libraries, tools, and interactive visualizations. Last updated: 2026-08-20

2026

  • Where the Shadow Fell: Interactive visualization mapping all 11,898 solar eclipses between 2000 BCE and 3000 CE, showing each eclipse's path of totality and enabling exploration by type, time period, and the saros and inex predictive cycles. Related: Cartography. Keywords: web mapping, astronomy, eclipse, visualization, saros, interactive

  • Eclipse Explorer: Interactive web tool for exploring solar and lunar eclipse events, showing path and timing details for a given eclipse date — this link points to the August 12, 2026 total solar eclipse. Related: Cartography. Keywords: web mapping, astronomy, eclipse, interactive, visualization

  • Morphocode Explorer: Interactive browser-based tool for urban data analysis, letting users measure urban indicators and explore site conditions in real-time by dragging a circular pedshed overlay across data layers. Built with Mapbox GL JS for 60fps rendering, with datasets prepared via Python/Jupyter. Making of Related: Urban_Planning, Python, Data. Keywords: web mapping, urban planning, Mapbox GL JS, Python, Jupyter, interactive, urban data

  • spatial-access-measures: Web map using DuckDB-WASM and GeoParquet for in-browser SQL queries and filtering of Statistics Canada spatial access measures (transit, cycling, and walking accessibility to jobs, schools, and services). No server backend required — everything runs in the browser. Demo Related: DuckDB, CNG, Tools. Keywords: DuckDB-WASM, GeoParquet, deck.gl, in-browser SQL, accessibility, Canada, cloud-native

  • deck.gl-raster: Client-side visualization library for large raster datasets like COGs and Zarr arrays directly in the browser using WebGL2 through deck.gl, with GPU-accelerated processing for color mapping and reprojection. Related: CNG, Remote_Sensing. Keywords: deck.gl, COG, Zarr, WebGL, raster, visualization, cloud-native, JavaScript

  • PocketBase: Open-source backend delivered as a single executable file, with a realtime SQLite database, built-in authentication, file storage, and an admin dashboard — can be extended with Go and JavaScript hooks. Related: Tools. Keywords: backend, SQLite, authentication, JavaScript, Go, open-source, web development

  • Leaflet.Canvas-Flowmap-Layer: A Leaflet plugin for mapping the flow of objects, ideas, or people using animated Bezier curves rendered on HTML canvas — great for origin-destination flow map visualizations. Related: Cartography. Keywords: web mapping, Leaflet, flowmap, origin-destination, animation, canvas, JavaScript

  • Standalone Web Maps Workshop - FOSS4G 2025: Workshop teaching creation of standalone web maps using Overpass and MapLibre, then deploying to GitHub Pages without a server. Related: CNG. Keywords: web mapping, MapLibre, GitHub Pages, OSM, FOSS4G, JavaScript

2025

  • Mapweaver: A web app for making tiled and woven maps for multivariate and bivariate data visualization. Related: Cartography, Data. Keywords: web mapping, cartography, bivariate, tiled, visualization, JavaScript

2024

  • QGIS Web Viewer Plugin: QGIS plugin for publishing maps as web viewers. Related: QGIS. Keywords: web mapping, QGIS, plugin, viewer, JavaScript

Earlier

  • Web GIS Development Roadmap: GIS Lounge guide to open source web GIS development roadmap and technology stack. Related: Tools. Keywords: web mapping, GIS, roadmap, open source, JavaScript

  • Cloud Native Geospatial Map: Article on next-generation interactive maps using cloud-native geospatial technologies. Related: CNG, STAC. Keywords: web mapping, cloud-native, interactive, COG, STAC