awesome-frontend-gis
github.com/joewdavies/awesome-frontend-gis ↗Geospatial resources for web development :earth_africa: 🗺️
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me web apis resources from awesome-frontend-gis"
Installation instructions →What's inside
📺 Videos
- 10 Maps, and the Tech and Stories Behind Them
Maarten Lambrechts.
- Intermediate Three.js Tutorial - Create a Globe with Custom Shaders
Chris Courses.
- Mapping Geolocation with Leaflet.js - Working with Data and APIs in JavaScript
The Coding Train.
- Statistical Cartography - Design principles for statistical map design
Julien Gaffuri.
💾 Data sources
- Address APIWeb APIs
Pan-European address data with geocoding and reverse-geocoding.
- API GeoWeb APIs
Official French geographical data API.
- ArcGIS HubDownloads
Over 380,000 open datasets.
- ArcGIS location servicesWeb APIs
Basemaps, Geocoding, Places, routing, and GeoEnrichment.
- awesome-public-datasetsCollections
An awesome repository full of open datasets from an abundance of different categories.
- bng2latlongWeb APIs
Converts British National Grid to latitude and longitude.
📒 Notebooks
- Animating voting maps with reglAdvanced
Benjamin Schmidt.
- Bars and pubs in ParisAdvanced
Nicolas Lambert.
- Bivariate Choropleth with Continuous Color ScalesIntermediate
Stephanie Tuerk.
- Brussels Street Gender InequalityAdvanced
Karim Douieb.
- ChoroplethIntermediate
D3.
- Dorling cartogram of the Spanish Presidential electionAdvanced
Adrián Blanco.
👨💻 JavaScript Libraries
- antvis L7Mapping
Large-scale WebGL-powered Geospatial Data Visualization.
- ArcGIS Maps SDK for JavaScriptMapping
Modern JavaScript API and web component library for building interactive 2D and 3D web apps for the browser.
- ArcGIS REST JSMapping
Compact, modular JavaScript wrappers for the ArcGIS REST API that run in Node.js and modern browsers.
- Arc.jsData Processing
Calculate great circles routes as lines in GeoJSON or WKT format.
- awesome-GeoJSONData Processing
Catalogue of GeoJSON tools.
- Bertin.jsMapping
A JavaScript library for visualizing geospatial data and making thematic maps for the web.
📚 Further reading
- A Workbook for Interactive Cartography and Visualization on the Open Web
Robert Roth, Carl Sack, Gareth Baldrica-Franklin, Yuying Chen, Rich Donohue, Lily Houtman, Tim Prestby, Robin Tolochko, Nick Underwood.
- Color use guidelines for mapping and visualization
Cynthia A. Brewer.
- Fundamentals of Data Visualization
Claus O. Wilke.
- Geospatial Network Visualization
A collection of visualization techniques for geospatial network data.
- Thematic Mapping: 101 Inspiring Ways to Visualise Empirical Data
Kenneth Field.
🌐 Web apps
- bboxFinder
Helper page for finding bbox values from a map.
- city roads
Render every single road in any city at once.
- Datawrapper
Create charts, maps, and tables.
- Fantasy Map Generator
Free web application for creating and editing fantasy maps.
- geojson.io
A quick, simple tool for creating, viewing, and sharing spatial data.
- GeoJSONLint
Use this site to validate and view your GeoJSON.
🎨 Colour advice
- CartoColor
A set of custom color palettes built on top of standards for color use on maps.
- Chroma.js Color Palette Helper
Chroma.js-powered tool for mastering multi-hued, multi-stop color scales.
- ColorBrewer
Colour advice for maps, based on Dr. Cynthia Brewer's research.
- Dicopal.js
Discrete color palettes for JavaScript.
- Textures.js
JavaScript library for creating SVG patterns, designed for data visualization.
- viz-palette
Tool optimized for tweaking, copying, and pasting colors in and out of JavaScript.
:world_map: Web maps
- chronotrains
Where can you go by train in 8h?
- ClimateArchive
An interactive visualisation of climate model data across time and space.
- Map of every building in the United States
New York Times.
- Map of notable people
Topi Tjukanov.
- Map of the Roman transport network
The Stanford Geospatial Network Model of the Roman World.
- Old Maps Online
Browse historical places and search for old maps with timeline.
Showing a sample of 197 resources. View the full list on GitHub →