awesome-frontend-gis

GIS framework

A collection of libraries and tools for creating web-based geographic information systems and visualizing geospatial data on the web.

Geospatial resources for web development earth_africa 🗺️

GitHub

477 stars
16 watching
26 forks
last commit: almost 2 years ago
Linked from 2 awesome lists

arcgisawesomeawesome-listdata-visualizationfrontendgeogeographic-datageographical-information-systemgeographygeojsongeospatialgeospatial-analysisgeospatial-datagismapmappingmapsopen-sourcevisualizationwebgl

Screenshot of joewdavies/awesome-frontend-gis website

joewdavies.github.io/awesome-frontend-gis/

👨‍💻 JavaScript Libraries / Mapping

antvis L73,692almost 2 years agoLarge-scale WebGL-powered Geospatial Data Visualization
ArcGIS Maps SDK for JavaScriptModern JavaScript API and web component library for building interactive 2D and 3D web apps for the browser
ArcGIS REST JS354almost 2 years agoCompact, modular JavaScript wrappers for the ArcGIS REST API that run in Node.js and modern browsers
Bertin.js309almost 3 years agoA JavaScript library for visualizing geospatial data and making thematic maps for the web
Cesium.js13,088almost 2 years agoAn open-source JavaScript library for world-class 3D mapping of geospatial data
d3-geo1,036about 2 years agoA library for creating maps based on D3.js
d3-geo-projection1,108about 3 years agoExtended geographic projections
d3-geo-voronoi239almost 2 years agoVoronoi diagrams and Delaunay triangulation for the sphere
datamaps3,783over 3 years agoCustomizable map visualizations in one file
Deck.GL12,344almost 2 years agoWebGL2 powered geospatial visualization layers
Eurostat-map63almost 2 years agoCreate and customise web maps showing Eurostat data using D3.js
globe.gl2,203almost 2 years agoThis library is a convenience wrapper around the three-globe plugin, using ThreeJS/WebGL for 3D rendering
Google MapsGoogle Maps API for JavaScript
gridviz204almost 2 years agoA package for visualizing gridded data
HERE maps APIBuild web applications with feature-rich and customizable HERE maps
iTowns1,118almost 2 years agoA Three.js-based framework written in JavaScript/WebGL for visualizing 3D geospatial data
Leaflet41,640almost 2 years agoThe leading open-source JavaScript library for mobile-friendly interactive maps
Map Forecast API798over 4 years agoSimple-to-use library based on Leaflet 1.4.x. It allows you to show wind maps
Mapbox GL JS11,279almost 2 years agoJavaScript library that uses WebGL to render interactive maps from vector tiles
maplibre6,841almost 2 years agoIt originated as an open-source fork of mapbox-gl-js, before their switch to a non-OSS license in December 2020
MapTalks.js4,344almost 2 years agoAn open-source JavaScript library for integrated 2D/3D maps
OpenLayers11,530almost 2 years agoA high-performance, feature-packed library for creating interactive maps on the web
react-simple-maps3,126about 2 years agoAn SVG mapping component library for React, built on top of d3-geo
Tangram2,225almost 2 years agoWebGL map rendering engine for creative cartography
TerriaJS1,187almost 2 years agoTerriaJS is a library for building rich, web-based geospatial data explorers
Wrld.js429about 3 years agoAnimated 3D city maps based on Leaflet

👨‍💻 JavaScript Libraries / Data Processing

Arc.js369almost 4 years agoCalculate great circles routes as lines in GeoJSON or WKT format
awesome-GeoJSON2,274about 2 years agoCatalogue of GeoJSON tools
Euclid.ts123almost 2 years ago2D Euclidean geometry classes, utilities, and drawing tools
flatbush1,429almost 2 years agoA really fast static spatial index for 2D points and rectangles in JavaScript
FlatGeoBuf696almost 2 years agoA performant binary encoding for geographic data based on flatbuffers
flatten-js569almost 2 years agoFor manipulating geometrical shapes, finding intersections, checking inclusion, calculating distance, transformations, and more
Galton272about 5 years agoLightweight Node.js isochrone server
gdal3.js331about 2 years agoConvert raster and vector geospatial data to various formats
geoblaze183about 2 years agoA blazing fast JavaScript raster processing engine
geobuf981over 4 years agoGeobuf is a compact binary encoding for geographic data
GeoTiff.js892almost 2 years agoParse TIFF files for visualization or analysis
geolib4,230over 2 years agoLibrary to provide basic geospatial operations
geopackage-js314about 2 years agoThe GeoPackage JavaScript library provides the ability to read GeoPackage files
geoparquet853almost 2 years agoEncoding geospatial data in Apache Parquet
geotoolbox60over 2 years agoProvides several GIS operations for use with geojson properties
geojson-merge233almost 2 years agoMerge multiple GeoJSON files into one FeatureCollection
geojson-vt1,909over 2 years agoA highly efficient JavaScript library for slicing GeoJSON data
Geometric.js983almost 2 years agoA JavaScript library for doing geometry
JSTS1,493almost 2 years agoJavaScript Topology Suite
koop677almost 2 years agoA JavaScript toolkit for connecting incompatible spatial APIs
math.gl411over 2 years agoJavaScript math library focused on Geospatial and 3D use cases
Proj4js2,046almost 2 years agoTransform coordinates from one coordinate system to another
rbush2,487about 2 years agoRBush is a high-performance JavaScript library for 2D spatial indexing
spl.js175over 2 years agoMakes it possible to use SpatiaLite functionality in JavaScript
statsbreaks22about 2 years agoSplit a quantitative dataset into classes for thematic mapping
superclusterA very fast JavaScript library for geospatial point clustering
Turf.js9,438almost 2 years agoA JavaScript library for spatial analysis
topoJSON4,700about 2 years agoConvert GeoJSON to TopoJSON for use in D3 maps
Wicket586about 5 years agoA modest library for moving between Well-Known Text (WKT) and various framework geometries

👨‍💻 JavaScript Libraries / LiDAR

Plasio509over 6 years agoDrag-n-drop In-browser LAS/LAZ point cloud viewer
Potree4,646about 2 years agoWebGL point cloud viewer for large datasets
Potree & Cesium.jsRezt, Austria LIDAR viewer
Three.jsPoint cloud data loader

👨‍💻 JavaScript Libraries / Remote Sensing

EOSDIS Worldview710almost 2 years agoInteractive interface for browsing global, full-resolution satellite imagery
Google Earth EngineGeospatial processing service
Sentinel Hub custom scripts664almost 2 years agoA repository of custom scripts to be used with Sentinel Hub
sentinelhub-js53almost 2 years agoDownload and process satellite imagery using Sentinel Hub services
SpectralAwesome Spectral Indices for the Google Earth Engine JavaScript API

💾 Data sources / Downloads

ArcGIS HubOver 380,000 open datasets
Copernicus global DEMGlobal elevation tiles
Copernicus open access hubCopernicus satellite imagery download
ETOPO11 arc-minute global relief model of Earth's surface
European population grids - GISCOPopulation figures in grid cells
European Postcodes Point DataLocation of postal codes across Europe
GeoboundariesThe world's largest open, free political boundaries database
Global Biodiversity Information Facility (GBIF)Open access to biodiversity data
Global Climate MonitorGlobal open climate data
Global power plant databaseOpen source database of power plants
GalileoGeospatial data discovery and management platform
Healthcare Services in EuropeLocations of healthcare services in Europe
HydroSHEDSConsistent hydrographic data for global applications
NASA Earth DataSearch, discover, visualize, refine, and access NASA Earth Observation data in your browser with Earthdata Search
NASA Earth ObservationsBrowse and download satellite data imagery
NASA SEDACGlobal Urban Polygons and Points Dataset
Natural EarthFree vector and raster map data
OpenAerialMapOpen service for accessing licensed imagery
OpenMapTilesFree OpenStreetMap Vector Tiles
OpenStreetMapFree, world-wide geographic data set
Open TopographyHigh-resolution topography data and tools
Ookla internet speed data230about 2 years agoGlobal network performance metrics
Sentinel Hub custom scripts664almost 2 years agoRepository of custom scripts for Sentinel Hub
USGS Earth ExplorerQuery and order satellite images and more
World Atlas TopoJSON1,059about 5 years agoNatural Earth's vector data as TopoJSON
World BankFree access to global development data
WorldPopOpen access spatial demographic datasets

💾 Data sources / Web APIs

Address APIPan-European address data with geocoding and reverse-geocoding
API GeoOfficial French geographical data API
ArcGIS location servicesBasemaps, Geocoding, Places, routing, and GeoEnrichment
bng2latlongConverts British National Grid to latitude and longitude
breezometerAir Quality, Weather, Pollen, and Environmental data
Country State City APIDatabase of city, state, and country data
GeoapifyGeospatial services such as maps, geocoding, and routing
geonamesSupports placename lookup and reverse geocoding
Geocode.xyzReverse geocoding, forward geocoding, and geoparsing API
GISCO data distribution APIEuropean Commission data source for administrative regions and boundaries
GraphHopper Route Optimization APISolves various vehicle routing problems
movebank-api145almost 2 years agoPlatform for animal tracking data
OpenAQLargest open-source air quality data platform
Open Charge Map APIPublic registry of electric vehicle charging locations
OpenCageForward and reverse geocoding API using open data
Open-MeteoGlobal weather forecast API
Open NotifyISS location and number of people in space
Open Postcode Geo APIBritish postcodes with geospatial data
OpenSky APIRetrieve live airspace information
openrouteserviceDirections, isochrones, and geocoding services
OpenStreetMapRetrieve OpenStreetMap data via Overpass API
opentopodata APIOpen Topography Data API
Overpass APIRetrieve OpenStreetMap data
RainViewerFree weather radar and satellite data API
REST countriesGet country information via a RESTful API
Sunrise and sunsetProvides sunset and sunrise times for locations
TomTomGeocoding, routing, traffic, and more
USGS earthquake dataSearch earthquake data by various parameters
what3wordsConverts 3-word addresses to coordinates

💾 Data sources / Collections

awesome-public-datasets61,377almost 2 years agoAn awesome repository full of open datasets from an abundance of different categories
Free GIS dataLinks to over 500 sites providing freely available geographic datasets
Public APIs4,094almost 2 years agoA collective list of free APIs for use in software and web development
WRIWorld Resources Institute

📒 Notebooks / Beginner

Hello, LeafletObservableHQ
Hello, Bertin.jsNicolas Lambert
Hello, Mapbox GLMike Bostock
Hello, eurostat-map.jsJoe Davies
Hello, gridvizNicolas Lambert

📒 Notebooks / Intermediate

World TourD3
ChoroplethD3
How to make a nice scalebarJulien Gaffuri
#GISCHAT Twitter Users with MapBoxGL - Globe ProjectionChris Marx
Hexgrid maps with d3-hexgridLarsvers
Bivariate Choropleth with Continuous Color ScalesStephanie Tuerk
Visualizing Eurostat grid data using Three.js & D3Joe Davies

📒 Notebooks / Advanced

Try to impeach this? Challenge accepted!Karim Douieb
Bars and pubs in ParisNicolas Lambert
Brussels Street Gender InequalityKarim Douieb
Animating voting maps with reglBenjamin Schmidt
Election maps as dorling striped circlesJulien Gaffuri
GeoParquet on the webKyle Barron
Interactive Regl wind demoDaniel Kao
Dorling cartogram of the Spanish Presidential electionAdrián Blanco
Visualizing earthquakes with Three.jsJoe Davies
GeoArrow and GeoParquet in deck.glKyle Barron

Web maps

Map of notable peopleTopi Tjukanov
Submarine cable mapTeleGeography
Radio Garden3D Globe Radio Tuner
Map of every building in the United StatesNew York Times
Map of the Roman transport networkThe Stanford Geospatial Network Model of the Roman World
Webgl Wind972about 4 years agoA WebGL-powered visualization of wind power. Capable of rendering up to 1 million wind particles at 60fps
Statistical AtlasA leaflet-powered atlas showcasing Eurostat's statistics
ShadeMapEvery mountain, building and tree shadow in the world simulated for any date and time
ClimateArchiveAn interactive visualisation of climate model data across time and space
Old Maps OnlineBrowse historical places and search for old maps with timeline

🌐 Web apps

city roadsRender every single road in any city at once
Datawrapper1,368almost 2 years agoCreate charts, maps, and tables
Fantasy Map Generator4,662almost 2 years agoFree web application for creating and editing fantasy maps
geotiff.ioProvides quick access to easy-to-use raster processing
IMAGETool for generating thematic maps
KeplerA powerful open-source geospatial analysis tool for large-scale datasets
magritAn online application for thematic mapping
mapshaperOnline editor for map data
MapOnShirtCreate colorful designs from maps and turn them into products
Maputnik2,154almost 2 years agoFree and open visual editor for Mapbox GL styles
mapus3,389about 4 years agoTool for collaboratively exploring and annotating maps
Peak Map608about 2 years agoVisualizes elevation of any area on the map with filled area charts
Plasio509over 6 years agoDrag-n-drop in-browser LAS/LAZ point cloud viewer
StoryMap JSOpen-source alternative to ESRI's Story Map application
TopoExportExport 2D contour lines and 3D topography using open-source datasets
uMap1,212almost 2 years agoCreate maps with OpenStreetMap layers and embed them in your site

🎨 Colour advice

CartoColor224about 2 years agoA set of custom color palettes built on top of standards for color use on maps
Chroma.js Color Palette HelperChroma.js-powered tool for mastering multi-hued, multi-stop color scales
ColorBrewerColour advice for maps, based on Dr. Cynthia Brewer's research
Dicopal.js32over 2 years agoDiscrete color palettes for JavaScript
Textures.js6,040over 3 years agoJavaScript library for creating SVG patterns, designed for data visualization
viz-paletteTool optimized for tweaking, copying, and pasting colors in and out of JavaScript

📍 Icons

font-GIS259almost 2 years agoA very very cool icon font set for use with GIS and spatial analysis tools
Map Icons CollectionA set of more than 1000 free and customizable icons to use as placemarks for your POI (Point of Interests) locations on your maps
Material SymbolsOver 2,990 glyphs in a single font file with a wide range of design variants
Geoapify map marker playgroundThe Marker Icon API lets you create beautiful icons and use them as Map Markers

📺 Videos

Mapping Geolocation with Leaflet.js - Working with Data and APIs in JavaScriptThe Coding Train
10 Maps, and the Tech and Stories Behind ThemMaarten Lambrechts
Intermediate Three.js Tutorial - Create a Globe with Custom ShadersChris Courses
Statistical Cartography - Design principles for statistical map designJulien Gaffuri

📚 Further reading

Fundamentals of Data VisualizationClaus O. Wilke
A Workbook for Interactive Cartography and Visualization on the Open Web198over 2 years agoRobert Roth, Carl Sack, Gareth Baldrica-Franklin, Yuying Chen, Rich Donohue, Lily Houtman, Tim Prestby, Robin Tolochko, Nick Underwood
Thematic Mapping: 101 Inspiring Ways to Visualise Empirical DataKenneth Field
Color use guidelines for mapping and visualizationCynthia A. Brewer

Contributing

suggestion issue477almost 2 years agoFilling a (easier)
pull request477almost 2 years agoOpening a

Backlinks from these awesome lists:

More related projects: