← Back to Awesome

Sections

Frontend GIS

GitHub repository ↗ synced 2026/8/9

Geographic Information Systems (GIS) for web browsers.
For managing, analyzing, editing, and visualizing geographic data.

A compilation of geospatial-related web frameworks, tools, demos, applications, data sources and more.

👨‍💻 JavaScript Libraries

Mapping

antvis L7

Large-scale WebGL-powered Geospatial Data Visualization. ![GitHub stars](https://img.shields.io/github/stars/antvis/L7?style=social)

ArcGIS Maps SDK for JavaScript

Modern JavaScript API and web component library for building interactive 2D and 3D web apps for the browser.

ArcGIS REST JS

Compact, modular JavaScript wrappers for the ArcGIS REST API that run in Node.js and modern browsers. ![GitHub stars](https://img.shields.io/github/stars/Esri/arcgis-rest-js?style=social)

Bertin.js

A JavaScript library for visualizing geospatial data and making thematic maps for the web. ![GitHub stars](https://img.shields.io/github/stars/neocarto/bertin?style=social)

Cesium.js

An open-source JavaScript library for world-class 3D mapping of geospatial data. ![GitHub stars](https://img.shields.io/github/stars/CesiumGS/cesium?style=social)

d3-geo

A library for creating maps based on D3.js. ![GitHub stars](https://img.shields.io/github/stars/d3/d3-geo?style=social)

d3-geo-projection

Extended geographic projections. ![GitHub stars](https://img.shields.io/github/stars/d3/d3-geo-projection?style=social)

d3-geo-voronoi

Voronoi diagrams and Delaunay triangulation for the sphere. ![GitHub stars](https://img.shields.io/github/stars/Fil/d3-geo-voronoi?style=social)

datamaps

Customizable map visualizations in one file. ![GitHub stars](https://img.shields.io/github/stars/markmarkoh/datamaps?style=social)

Deck.GL

WebGL2 powered geospatial visualization layers. ![GitHub stars](https://img.shields.io/github/stars/visgl/deck.gl?style=social)

Eurostat-map

Data-driven maps. ![GitHub stars](https://img.shields.io/github/stars/eurostat/eurostat-map.js?style=social)

globe.gl

This library is a convenience wrapper around the three-globe plugin, using ThreeJS/WebGL for 3D rendering. ![GitHub stars](https://img.shields.io/github/stars/vasturiano/globe.gl?style=social)

Google Maps

JavaScript API for Google Maps.

gridviz

A package for visualizing gridded data. ![GitHub stars](https://img.shields.io/github/stars/eurostat/gridviz?style=social)

HERE maps API

Build web applications with feature-rich and customizable HERE maps.

iTowns

A Three.js-based framework written in JavaScript/WebGL for visualizing 3D geospatial data. ![GitHub stars](https://img.shields.io/github/stars/iTowns/itowns?style=social)

Leaflet

The leading open-source JavaScript library for mobile-friendly interactive maps. ![GitHub stars](https://img.shields.io/github/stars/Leaflet/Leaflet?style=social)

Map Forecast API

Simple-to-use library based on Leaflet 1.4.x. It allows you to show wind maps. ![GitHub stars](https://img.shields.io/github/stars/windycom/API?style=social)

Mapbox GL JS

JavaScript library that uses WebGL to render interactive maps from vector tiles. ![GitHub stars](https://img.shields.io/github/stars/mapbox/mapbox-gl-js?style=social)

maplibre

It originated as an open-source fork of mapbox-gl-js, before their switch to a non-OSS license in December 2020. ![GitHub stars](https://img.shields.io/github/stars/maplibre/maplibre-gl-js?style=social)

MapTalks.js

An open-source JavaScript library for integrated 2D/3D maps. ![GitHub stars](https://img.shields.io/github/stars/maptalks/maptalks.js?style=social)

OpenLayers

A high-performance, feature-packed library for creating interactive maps on the web. ![GitHub stars](https://img.shields.io/github/stars/openlayers/openlayers?style=social)

react-simple-maps

An SVG mapping component library for React, built on top of d3-geo. ![GitHub stars](https://img.shields.io/github/stars/zcreativelabs/react-simple-maps?style=social)

Tangram

WebGL map rendering engine for creative cartography. ![GitHub stars](https://img.shields.io/github/stars/tangrams/tangram?style=social)

TerriaJS

A library for building rich, web-based geospatial data explorers. ![GitHub stars](https://img.shields.io/github/stars/TerriaJS/terriajs?style=social)

Wrld.js

Animated 3D city maps based on Leaflet. ![GitHub stars](https://img.shields.io/github/stars/wrld3d/wrld.js?style=social)

Libraries for creating web maps:

Data Processing

Arc.js

Calculate great circles routes as lines in GeoJSON or WKT format. ![GitHub stars](https://img.shields.io/github/stars/springmeyer/arc.js?style=social)

awesome-GeoJSON

Catalogue of GeoJSON tools. ![GitHub stars](https://img.shields.io/github/stars/tmcw/awesome-geojson?style=social)

Euclid.ts

2D Euclidean geometry classes, utilities, and drawing tools. ![GitHub stars](https://img.shields.io/github/stars/mathigon/euclid.js?style=social)

flatbush

A really fast static spatial index for 2D points and rectangles in JavaScript. ![GitHub stars](https://img.shields.io/github/stars/mourner/flatbush?style=social)

FlatGeoBuf

A performant binary encoding for geographic data based on flatbuffers. ![GitHub stars](https://img.shields.io/github/stars/flatgeobuf/flatgeobuf?style=social)

flatten-js

For manipulating geometrical shapes, finding intersections, checking inclusion, calculating distance, transformations, and more. ![GitHub stars](https://img.shields.io/github/stars/alexbol99/flatten-js?style=social)

Galton

Lightweight Node.js isochrone server. ![GitHub stars](https://img.shields.io/github/stars/urbica/galton?style=social)

gdal3.js

Convert raster and vector geospatial data to various formats. ![GitHub stars](https://img.shields.io/github/stars/bugra9/gdal3.js?style=social)

geoblaze

A blazing fast JavaScript raster processing engine. ![GitHub stars](https://img.shields.io/github/stars/GeoTIFF/geoblaze?style=social)

geobuf

A compact binary encoding for geographic data. ![GitHub stars](https://img.shields.io/github/stars/mapbox/geobuf?style=social)

GeoTiff.js

Parse TIFF files for visualization or analysis. ![GitHub stars](https://img.shields.io/github/stars/geotiffjs/geotiff.js?style=social)

geolib

Library to provide basic geospatial operations. ![GitHub stars](https://img.shields.io/github/stars/manuelbieh/geolib?style=social)

geopackage-js

The GeoPackage JavaScript library provides the ability to read GeoPackage files. ![GitHub stars](https://img.shields.io/github/stars/ngageoint/geopackage-js?style=social)

geoparquet

Encoding geospatial data in Apache Parquet. ![GitHub stars](https://img.shields.io/github/stars/opengeospatial/geoparquet?style=social)

geotoolbox

Provides several GIS operations for use with geojson properties. ![GitHub stars](https://img.shields.io/github/stars/neocarto/geotoolbox?style=social)

geojson-merge

Merge multiple GeoJSON files into one FeatureCollection. ![GitHub stars](https://img.shields.io/github/stars/mapbox/geojson-merge?style=social)

geojson-vt

A highly efficient JavaScript library for slicing GeoJSON data. ![GitHub stars](https://img.shields.io/github/stars/mapbox/geojson-vt?style=social)

Geometric.js

A JavaScript library for doing geometry. ![GitHub stars](https://img.shields.io/github/stars/HarryStevens/geometric?style=social)

JSTS

JavaScript Topology Suite. ![GitHub stars](https://img.shields.io/github/stars/bjornharrtell/jsts?style=social)

koop

A JavaScript toolkit for connecting incompatible spatial APIs. ![GitHub stars](https://img.shields.io/github/stars/koopjs/koop?style=social)

math.gl

JavaScript math library focused on Geospatial and 3D use cases. ![GitHub stars](https://img.shields.io/github/stars/uber-web/math.gl?style=social)

Proj4js

Transform coordinates from one coordinate system to another. ![GitHub stars](https://img.shields.io/github/stars/proj4js/proj4js?style=social)

rbush

A high-performance JavaScript library for 2D spatial indexing. ![GitHub stars](https://img.shields.io/github/stars/mourner/rbush?style=social)

spl.js

Makes it possible to use SpatiaLite functionality in JavaScript. ![GitHub stars](https://img.shields.io/github/stars/jvail/spl.js?style=social)

statsbreaks

Split a quantitative dataset into classes for thematic mapping. ![GitHub stars](https://img.shields.io/github/stars/riatelab/statsbreaks?style=social)

Turf.js

A JavaScript library for spatial analysis. ![GitHub stars](https://img.shields.io/github/stars/Turfjs/turf?style=social)

topoJSON

Convert GeoJSON to TopoJSON for use in D3 maps. ![GitHub stars](https://img.shields.io/github/stars/topojson/topojson?style=social)

Wicket

A modest library for moving between Well-Known Text (WKT) and various framework geometries. ![GitHub stars](https://img.shields.io/github/stars/arthur-e/Wicket?style=social)

Libraries that help you analyse and process geospatial data:

LiDAR

Plasio

Drag-n-drop In-browser LAS/LAZ point cloud viewer. ![GitHub stars](https://img.shields.io/github/stars/verma/plasio?style=social)

Potree

WebGL point cloud viewer for large datasets. ![GitHub stars](https://img.shields.io/github/stars/potree/potree?style=social)

Potree & Cesium.js

Rezt, Austria LIDAR viewer.

Three.js

Point cloud data loader. ![GitHub stars](https://img.shields.io/github/stars/mrdoob/three.js?style=social)

Tools for visualizing point clouds with web browsers:

Remote Sensing

EOSDIS Worldview

Interactive interface for browsing global, full-resolution satellite imagery. ![GitHub stars](https://img.shields.io/github/stars/nasa-gibs/worldview?style=social)

Google Earth Engine

Geospatial processing service.

Sentinel Hub custom scripts

A repository of custom scripts to be used with Sentinel Hub. ![GitHub stars](https://img.shields.io/github/stars/sentinel-hub/custom-scripts?style=social)

sentinelhub-js

Download and process satellite imagery using Sentinel Hub services. ![GitHub stars](https://img.shields.io/github/stars/sentinel-hub/sentinelhub-js?style=social)

Spectral

Awesome Spectral Indices for the Google Earth Engine JavaScript API. ![GitHub stars](https://img.shields.io/github/stars/awesome-spectral-indices/awesome-spectral-indices?style=social)

Resources for frontend earth observation and remote sensing:

💾 Data sources

A collection of geospatial open data sources:

Downloads

ArcGIS Hub

Over 380,000 open datasets.

Copernicus global DEM

Global elevation tiles.

Copernicus open access hub

Copernicus satellite imagery download.

ETOPO1

1 arc-minute global relief model of Earth's surface.

European population grids - GISCO

Population figures in grid cells.

European Postcodes Point Data

Location of postal codes across Europe.

Geoboundaries

The world's largest open, free political boundaries database.

Global Biodiversity Information Facility (GBIF)

Open access to biodiversity data.

Global Climate Monitor

Global open climate data.

Global power plant database

Open source database of power plants.

Galileo

Geospatial data discovery and management platform.

Healthcare Services in Europe

Locations of healthcare services in Europe.

HydroSHEDS

Consistent hydrographic data for global applications.

NASA Earth Data

Search, discover, visualize, refine, and access NASA Earth Observation data in your browser with Earthdata Search.

Natural Earth

Free vector and raster map data.

OpenAerialMap

Open service for accessing licensed imagery.

OpenMapTiles

Free OpenStreetMap Vector Tiles.

OpenStreetMap

Free, world-wide geographic data set.

Open Topography

High-resolution topography data and tools.

Ookla internet speed data

Global network performance metrics. ![GitHub stars](https://img.shields.io/github/stars/teamookla/ookla-open-data?style=social)

Sentinel Hub custom scripts

Repository of custom scripts for Sentinel Hub. ![GitHub stars](https://img.shields.io/github/stars/sentinel-hub/custom-scripts?style=social)

USGS Earth Explorer

Query and order satellite images and more.

World Atlas TopoJSON

Natural Earth's vector data as TopoJSON. ![GitHub stars](https://img.shields.io/github/stars/topojson/world-atlas?style=social)

World Bank

Free access to global development data.

WorldPop

Open access spatial demographic datasets.

Data available for download:

Web APIs

Address API

Pan-European address data with geocoding and reverse-geocoding.

API Geo

Official French geographical data API.

ArcGIS location services

Basemaps, Geocoding, Places, routing, and GeoEnrichment.

bng2latlong

Converts British National Grid to latitude and longitude.

breezometer

Air Quality, Weather, Pollen, and Environmental data.

Country State City API

Database of city, state, and country data.

Geoapify

Geospatial services such as maps, geocoding, and routing.

geonames

Supports placename lookup and reverse geocoding.

Geocode.xyz

Reverse geocoding, forward geocoding, and geoparsing API.

GISCO data distribution API

European Commission data source for administrative regions and boundaries.

GraphHopper Route Optimization API

Solves various vehicle routing problems.

movebank-api

Platform for animal tracking data. ![GitHub stars](https://img.shields.io/github/stars/movebank/movebank-api-doc?style=social)

OpenAQ

Largest open-source air quality data platform.

Open Charge Map API

Public registry of electric vehicle charging locations.

OpenCage

Forward and reverse geocoding API using open data.

Open-Meteo

Global weather forecast API.

Open Notify

ISS location and number of people in space.

Open Postcode Geo API

British postcodes with geospatial data.

OpenSky API

Retrieve live airspace information. ![GitHub stars](https://img.shields.io/github/stars/openskynetwork/opensky-api?style=social)

openrouteservice

Directions, isochrones, and geocoding services.

OpenStreetMap

Retrieve OpenStreetMap data via Overpass API.

opentopodata API

Open Topography Data API.

Overpass API

Retrieve OpenStreetMap data.

RainViewer

Free weather radar and satellite data API.

REST countries

Get country information via a RESTful API.

Sunrise and sunset

Provides sunset and sunrise times for locations.

TomTom

Geocoding, routing, traffic, and more.

USGS earthquake data

Search earthquake data by various parameters.

ZipCheckup API

Free REST API for US ZIP-level environmental safety data: water quality, air quality, PFAS, radon, lead, flood risk. ![GitHub stars](https://img.shields.io/github/stars/artakulov/us-water-quality-data?style=social)

what3words

Converts 3-word addresses to coordinates.

PostalCodes

Global postal code search, country exports, and address validation data.

Restful APIs for consuming geospatial data on the fly:

Collections

awesome-public-datasets

An awesome repository full of open datasets from an abundance of different categories. ![GitHub stars](https://img.shields.io/github/stars/awesomedata/awesome-public-datasets?style=social)

Free GIS data

Links to over 500 sites providing freely available geographic datasets.

Public APIs

A collective list of free APIs for use in software and web development. ![GitHub stars](https://img.shields.io/github/stars/public-apis-dev/public-apis?style=social)

WRI

World Resources Institute.

David Rumsey map collection

Historical map archives.

Compilations and repositories of open geospatial datasets:

📒 Notebooks

Some JavaScript notebooks to help you code:

Beginner

Hello, Leaflet

ObservableHQ.

Hello, Bertin.js

Nicolas Lambert.

Hello, Mapbox GL

Mike Bostock.

Hello, eurostat-map.js

Joe Davies.

Hello, gridviz

Nicolas Lambert.

Intermediate

World Tour

D3.

Choropleth

D3.

How to make a nice scalebar

Julien Gaffuri.

#GISCHAT Twitter Users with MapBoxGL - Globe Projection

Chris Marx.

Hexgrid maps with d3-hexgrid

Larsvers.

Bivariate Choropleth with Continuous Color Scales

Stephanie Tuerk.

Visualizing Eurostat grid data using Three.js & D3

Joe Davies.

Advanced

Try to impeach this? Challenge accepted!

Karim Douieb.

Bars and pubs in Paris

Nicolas Lambert.

Brussels Street Gender Inequality

Karim Douieb.

Animating voting maps with regl

Benjamin Schmidt.

Election maps as dorling striped circles

Julien Gaffuri.

GeoParquet on the web

Kyle Barron.

Interactive Regl wind demo

Daniel Kao.

Dorling cartogram of the Spanish Presidential election

Adrián Blanco.

Visualizing earthquakes with Three.js

Joe Davies.

GeoArrow and GeoParquet in deck.gl

Kyle Barron.

:world_map: Web maps

Map of notable people

Topi Tjukanov.

Submarine cable map

TeleGeography.

Radio Garden

3D Globe Radio Tuner.

Map of every building in the United States

New York Times.

Map of the Roman transport network

The Stanford Geospatial Network Model of the Roman World.

WebGL Wind

A WebGL-powered visualization of wind power. Capable of rendering up to 1 million wind particles at 60fps. ![GitHub stars](https://img.shields.io/github/stars/mapbox/webgl-wind?style=social)

Statistical Atlas

A leaflet-powered atlas showcasing Eurostat's statistics.

ShadeMap

Every mountain, building and tree shadow in the world simulated for any date and time.

ClimateArchive

An interactive visualisation of climate model data across time and space.

Old Maps Online

Browse historical places and search for old maps with timeline.

chronotrains

Where can you go by train in 8h?

Castlemap

The world's 2,400 great castles on one night map, built from Wikidata.

Europe Beach Map

Every notable European beach on one map, with sea temperature, sand and best season for each.

Detourmap

70,343 places worth a detour — ruins, caves, waterfalls, castles and ghost towns — on one world map, built from Wikidata.

A compilation of interesting web maps:

🌐 Web apps

city roads

Render every single road in any city at once. ![GitHub stars](https://img.shields.io/github/stars/anvaka/city-roads?style=social)

Datawrapper

Create charts, maps, and tables.

Fantasy Map Generator

Free web application for creating and editing fantasy maps. ![GitHub stars](https://img.shields.io/github/stars/Azgaar/Fantasy-Map-Generator?style=social)

GeoLibre

A lightweight, cloud-native GIS platform for visualizing, exploring, and analyzing geospatial data across desktop and web environments, with a responsive layout for mobile screens. ![GitHub stars](https://img.shields.io/github/stars/opengeos/GeoLibre?style=social)

geotiff.io

Provides quick access to easy-to-use raster processing.

IMAGE

Tool for generating thematic maps.

Kepler

A powerful open-source geospatial analysis tool for large-scale datasets.

magrit

An online application for thematic mapping.

mapshaper

Online editor for map data.

MapOnShirt

Create colorful designs from maps and turn them into products.

Maputnik

Free and open visual editor for Mapbox GL styles. ![GitHub stars](https://img.shields.io/github/stars/maputnik/editor?style=social)

mapus

Tool for collaboratively exploring and annotating maps. ![GitHub stars](https://img.shields.io/github/stars/alyssaxuu/mapus?style=social)

Peak Map

Visualizes elevation of any area on the map with filled area charts. ![GitHub stars](https://img.shields.io/github/stars/anvaka/peak-map?style=social)

Plasio

Drag-n-drop in-browser LAS/LAZ point cloud viewer. ![GitHub stars](https://img.shields.io/github/stars/verma/plasio?style=social)

StoryMap JS

Open-source alternative to ESRI's Story Map application.

TopoExport

Export 2D contour lines and 3D topography using open-source datasets.

uMap

Create maps with OpenStreetMap layers and embed them in your site. ![GitHub stars](https://img.shields.io/github/stars/umap-project/umap?style=social)

bboxFinder

Helper page for finding bbox values from a map.

geojson.io

A quick, simple tool for creating, viewing, and sharing spatial data.

GeoJSONLint

Use this site to validate and view your GeoJSON.

Pharos AI

Open-source real-time intelligence dashboard for geopolitical conflict tracking with interactive DeckGL/MapLibre geospatial visualization. ([Source Code](https://github.com/Juliusolsson05/pharos-ai)) ![GitHub stars](https://img.shields.io/github/stars/Juliusolsson05/pharos-ai?style=social)

Pumperly

Open-source fuel price comparison and EV charging route planner using MapLibre GL JS, PostGIS, Valhalla routing, and Photon geocoding. ![GitHub stars](https://img.shields.io/github/stars/GeiserX/pumperly?style=social)

gpx studio

Online tool for GPX editing.

Plug-and-play geospatial web apps:

🎨 Colour advice

CartoColor

A set of custom color palettes built on top of standards for color use on maps. ![GitHub stars](https://img.shields.io/github/stars/CartoDB/CartoColor?style=social)

Chroma.js Color Palette Helper

Chroma.js-powered tool for mastering multi-hued, multi-stop color scales. ![GitHub stars](https://img.shields.io/github/stars/gka/palettes?style=social)

ColorBrewer

Colour advice for maps, based on Dr. Cynthia Brewer's research.

Dicopal.js

Discrete color palettes for JavaScript. ![GitHub stars](https://img.shields.io/github/stars/riatelab/dicopal.js?style=social)

Textures.js

JavaScript library for creating SVG patterns, designed for data visualization. ![GitHub stars](https://img.shields.io/github/stars/riccardoscalco/textures?style=social)

viz-palette

Tool optimized for tweaking, copying, and pasting colors in and out of JavaScript.

Colour usage is very important in data visualisation and cartography. Here are some tools to help you choose the best colours for your maps:

📍 Icons

font-GIS

A very very cool icon font set for use with GIS and spatial analysis tools. ![GitHub stars](https://img.shields.io/github/stars/Viglino/font-gis?style=social)

Map Icons Collection

A set of more than 1000 free and customizable icons to use as placemarks for your POI (Point of Interests) locations on your maps.

Material Symbols

Over 2,990 glyphs in a single font file with a wide range of design variants.

Geoapify map marker playground

The Marker Icon API lets you create beautiful icons and use them as Map Markers.

Icons to add to your GIS websites:

📺 Videos

Mapping Geolocation with Leaflet.js - Working with Data and APIs in JavaScript

The Coding Train.

10 Maps, and the Tech and Stories Behind Them

Maarten Lambrechts.

Intermediate Three.js Tutorial - Create a Globe with Custom Shaders

Chris Courses.

Statistical Cartography - Design principles for statistical map design

Julien Gaffuri.

Videos of web mapping presentations and tutorials:

📚 Further reading

Fundamentals of Data Visualization

Claus O. Wilke.

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. ![GitHub stars](https://img.shields.io/github/stars/uwcartlab/webmapping?style=social)

Thematic Mapping: 101 Inspiring Ways to Visualise Empirical Data

Kenneth Field.

Color use guidelines for mapping and visualization

Cynthia A. Brewer.

Geospatial Network Visualization

A collection of visualization techniques for geospatial network data.