awesome-awesomeness/terminal/frontendgis2

 
 
 
 

 
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.

 
 
 
Contents
- 👨‍💻 JavaScript Libraries (#-javascript-libraries)
- Mapping (#mapping)
- Data Processing (#data-processing)
- LiDAR (#lidar)
- Remote Sensing (#remote-sensing)
- 💾 Data sources (#-data-sources)
- Downloads (#downloads)
- Web APIs (#web-apis)
- Collections (#collections)
- 📒 Notebooks (#-notebooks)
- Beginner (#beginner)
- Intermediate (#intermediate)
- Advanced (#advanced)
- :world_map: Web maps (#world_map-web-maps)
- 🌐 Web apps (#-web-apps)
- 🎨 Colour advice (#-colour-advice)
- 📍 Icons (#-icons)
- 📺 Videos (#-videos)
- 📚 Further reading (#-further-reading)
 
👨‍💻 JavaScript Libraries
 
Mapping
Libraries for creating web maps:
 
- Leaflet (https://leafletjs.com/) - The leading open-source JavaScript library for mobile-friendly interactive maps.
- OpenLayers (https://openlayers.org/) - A high-performance, feature-packed library for creating interactive maps on the web.
- Cesium.js (https://cesium.com) - An open-source JavaScript library for world-class 3D mapping of geospatial data.
- maplibre (https://github.com/maplibre/maplibre-gl-js) - It originated as an open-source fork of mapbox-gl-js, before their switch to a non-OSS license in December 2020.
- Deck.GL (https://github.com/uber/deck.gl) - WebGL2 powered geospatial visualization layers.
- MapTalks.js (https://github.com/maptalks/maptalks.js) - An open-source JavaScript library for integrated 2D/3D maps.
- antvis L7 (https://github.com/antvis/L7) - Large-scale WebGL-powered Geospatial Data Visualization.
- Tangram (https://github.com/tangrams/tangram) - WebGL map rendering engine for creative cartography.
- TerriaJS (https://github.com/TerriaJS/terriajs) - TerriaJS is a library for building rich, web-based geospatial data explorers.
- gridviz (https://github.com/eurostat/gridviz) - A package for visualizing gridded data.
- Eurostat-map (https://github.com/eurostat/eurostat-map.js) - Create and customise web maps showing Eurostat data using D3.js.
- Bertin.js (https://github.com/neocarto/bertin) - A JavaScript library for visualizing geospatial data and making thematic maps for the web.
- regl-map-animation (https://github.com/eurostat/regl-map-animation) - Animate x/y point data using regl and categorize them into a bar chart.
- iTowns (https://github.com/iTowns/itowns) - A Three.js-based framework written in JavaScript/WebGL for visualizing 3D geospatial data.
- globe.gl (https://globe.gl/) - This library is a convenience wrapper around the three-globe plugin, and uses ThreeJS/WebGL for 3D rendering.
- d3-geo (https://github.com/d3/d3-geo) - A library for creating maps based on D3.js.
- d3-geo-projection (https://github.com/d3/d3-geo-projection) - Extended geographic projections.
- d3-geo-voronoi (https://github.com/Fil/d3-geo-voronoi) - Voronoi diagrams and Delaunay triangulation for the sphere.
- d3-inertia (https://github.com/Fil/d3-inertia) - An extension to d3-drag that continues the mouse movement with some inertia.
- datamaps (https://github.com/markmarkoh/datamaps) - Customizable map visualizations in one file.
- react-simple-maps (https://github.com/zcreativelabs/react-simple-maps) - An SVG mapping component library for React, built on top of d3-geo.
- Google Maps (https://developers.google.com/maps/documentation/javascript) - Google Maps API for JavaScript.
- Wrld.js (https://github.com/wrld3d/wrld.js/) - Animated 3D city maps based on Leaflet.
- Mapbox GL JS (https://docs.mapbox.com/mapbox-gl-js/examples/) - JavaScript library that uses WebGL to render interactive maps from vector tiles.
- ArcGIS API for JS (https://developers.arcgis.com/javascript/3/) - A lightweight way to embed maps and tasks in web applications.
- HERE maps API (https://developer.here.com/develop/javascript-api) - Build web applications with feature-rich and customizable HERE maps.
- Map Forecast API (https://github.com/windycom/API) - Simple-to-use library based on Leaflet 1.4.x. It allows you to show wind maps.
 
Data Processing
Libraries that help you analyse and process geospatial data:
- geolib (https://github.com/manuelbieh/geolib) - Library to provide basic geospatial operations like distance calculation, conversion of decimal coordinates to sexagesimal, etc.
- Turf.js (https://github.com/Turfjs/turf) - Turf is a JavaScript library for spatial analysis.
- JSTS (https://github.com/bjornharrtell/jsts) - JavaScript Topology Suite.
- flatten-js (https://github.com/alexbol99/flatten-js) - For manipulating geometrical shapes, finding intersections, checking inclusion, calculating distance, transformations and more.
- flatbush (https://github.com/mourner/flatbush) - A really fast static spatial index for 2D points and rectangles in JavaScript.
- rbush (https://github.com/mourner/rbush) - RBush is a high-performance JavaScript library for 2D spatial indexing of points and rectangles.
- Geometric.js (https://github.com/HarryStevens/geometric) - A JavaScript library for doing geometry.
- Euclid.ts (https://github.com/mathigon/euclid.js) - 2D Euclidean geometry classes, utilities, and drawing tools.
- Proj4js (https://github.com/proj4js/proj4js) - Transform coordinates from one coordinate system to another, including datum transformations.
- GeoTiff.js (https://github.com/geotiffjs/geotiff.js) - Parse TIFF files for visualization or analysis.
- Arc.js (https://github.com/springmeyer/arc.js) - Calculate great circles routes as lines in GeoJSON or WKT format.
- awesome-GeoJSON (https://github.com/tmcw/awesome-geojson) - Catalogue of GeoJSON tools.
- topoJSON (https://github.com/topojson/topojson) - Convert GeoJSON to TopoJSON for use in D3 maps.
- d3-geo-polygon (https://github.com/d3/d3-geo-polygon) - Clipping and geometric operations for spherical polygons.
- Wicket (https://github.com/arthur-e/Wicket) - A modest library for moving between Well-Known Text (WKT) and various framework geometries.
- koop (https://github.com/koopjs/koop) - Koop is a JavaScript toolkit for connecting incompatible spatial APIs.
- spl.js (https://github.com/jvail/spl.js) - Makes it possible to use SpatiaLite functionality in JavaScript. Behind the scenes, a WebAssembly port of SpatiaLite is used.
- geotoolbox (https://github.com/neocarto/geotoolbox) - Provides several GIS operations for use with geojson properties. Useful for thematic cartography.
- supercluster (https://www.npmjs.com/package/supercluster) - A very fast JavaScript library for geospatial point clustering for browsers and Node.
- geoblaze (https://github.com/GeoTIFF/geoblaze) - A blazing fast JavaScript raster processing engine. Using geoblaze, you can run computations ranging from basic statistics (min, max, mean, mode) to band
arithmetic and histogram generation in either a web browser or a node application.
- geopackage-js (https://github.com/ngageoint/geopackage-js) - The GeoPackage JavaScript library currently provides the ability to read GeoPackage files.
- geojson-merge (https://github.com/mapbox/geojson-merge) - Merge multiple GeoJSON files into one FeatureCollection.
- Galton (https://github.com/urbica/galton) - Lightweight Node.js isochrone server. Build isochrones using OSRM, Turf and concaveman.
- geojson-vt (https://github.com/mapbox/geojson-vt) - A highly efficient JavaScript library for slicing GeoJSON data into vector tiles on the fly.
- geobuf (https://github.com/mapbox/geobuf) - Geobuf is a compact binary encoding for geographic data.
- geoparquet (https://github.com/opengeospatial/geoparquet) - Encoding geospatial data in Apache Parquet.
- statsbreaks (https://github.com/riatelab/statsbreaks) - Split (classify/discretize) a quantitative dataset into a (k) number of classes or thematic categories. Useful for creating a choropleth map.
- gdal3.js (https://github.com/bugra9/gdal3.js) - Convert raster and vector geospatial data to various formats and coordinate systems entirely in the browser.
- math.gl (https://github.com/uber-web/math.gl) - JavaScript math library focused on Geospatial and 3D use cases.
 
LiDAR
Tools for visualizing point clouds with web browsers:
 
- Potree (https://github.com/potree/potree) - WebGL point cloud viewer for large datasets.
- Plasio (https://github.com/verma/plasio) - Drag-n-drop In-browser LAS/LAZ point cloud viewer.
- Potree & Cesium.js (https://potree.org/potree/examples/cesium_retz.html) - Rezt, Austria LIDAR viewer.
- Three.js (https://threejs.org/examples/#webgl_loader_pcd) - Point cloud data loader.
 
Remote Sensing
 
Resources for frontend earth observation and remote sensing:
 
- Google Earth Engine (https://developers.google.com/earth-engine/tutorials/tutorial_api_01) - Geospatial processing service.
- sentinelhub-js (https://github.com/sentinel-hub/sentinelhub-js/) - Download and process satellite imagery in JavaScript or TypeScript using Sentinel Hub services.
- Sentinel Hub custom scripts (https://github.com/sentinel-hub/custom-scripts) - A repository of custom scripts to be used with Sentinel Hub.
- Spectral (https://github.com/awesome-spectral-indices) - Awesome Spectral Indices for the Google Earth Engine JavaScript API (Code Editor).
- EOSDIS Worldview (https://github.com/nasa-gibs/worldview) - Interactive interface for browsing global, full-resolution satellite imagery.
 
 
💾 Data sources
A collection of geospatial open data sources:
 
Downloads
Data available for download:
 
- OpenMapTiles (https://openmaptiles.org/) - Free OpenStreetMap Vector Tiles.
- OpenStreetMap (https://www.geofabrik.de/data/download.html) - A free, world-wide geographic data set.
- Natural Earth (https://www.naturalearthdata.com/) - Free vector and raster map data at 1:10m, 1:50m, and 1:110m scales.
- World Atlas TopoJSON (https://github.com/topojson/world-atlas) - A convenient redistribution of Natural Earth's vector data as TopoJSON.
- Copernicus global DEM (https://ec.europa.eu/eurostat/web/gisco/geodata/reference-data/elevation/copernicus-dem/elevation) - Global elevation tiles.
- ETOPO1 (https://www.ngdc.noaa.gov/mgg/global/) - 1 arc-minute global relief model of Earth's surface that integrates land topography and ocean bathymetry.
- HydroSHEDS (https://www.hydrosheds.org/) - Hydrographic information in a consistent and comprehensive format for regional and global-scale applications.
- geoboundaries (https://www.geoboundaries.org/) - The world's largest open, free and research-ready database of political administrative boundaries.
- Global power plant database (https://datasets.wri.org/dataset/globalpowerplantdatabase) - A comprehensive, global, open source database of power plants.
- Ookla internet speed data (https://github.com/teamookla/ookla-open-data) - Provides global network performance metrics. Data is provided in both Shapefile format as well as Apache Parquet.
- European population grids - GISCO (https://ec.europa.eu/eurostat/web/gisco/geodata/reference-data/grids) - These datasets contain grid cells covering the European land territory, for various resolutions from
1km to 100km. Base statistics such as population figures are provided for these cells.
- Healthcare Services in Europe (https://ec.europa.eu/eurostat/web/gisco/geodata/reference-data/healthcare-services) - The locations of healthcare services across Europe.
- European Postcodes Point Data (https://ec.europa.eu/eurostat/web/gisco/geodata/reference-data/postal-codes) - The postal code point dataset shows the location of postal codes, NUTS codes and the Degree of
Urbanisation classification across the EU, EFTA and candidate countries from a variety of sources.
- WorldPop (https://www.worldpop.org/) - Open access spatial demographic datasets built using transparent approaches.
- World Bank (https://data.worldbank.org/) - Free and open access to global development data.
- USGS Earth Explorer (https://earthexplorer.usgs.gov/) - Query and order satellite images, aerial photographs, and cartographic products through the U.S. Geological Survey.
- Open Topography (https://opentopography.org/) - OpenTopography facilitates community access to high-resolution, Earth science-oriented, topography data, and related tools and resources.
- NASA Earth Observations (https://neo.gsfc.nasa.gov/) - Here you can browse and download imagery of satellite data from NASA's constellation of Earth Observing System satellites.
- Geodata.gov.gr (https://geodata.gov.gr/en/dataset) - Open geospatial data for Greece.
- ArcGIS Hub (https://hub.arcgis.com/) - Over 380,000 open datasets.
- DIVA-GIS (https://www.diva-gis.org/Data) - Free spatial data. Includes country and global level boundaries, climate, species occurence, crop and elevation data.
- OpenAerialMap (https://openaerialmap.org/) - An open service to provide access to a commons of openly licensed imagery and map layer services.
- Global Climate Monitor (https://www.globalclimatemonitor.org/) - Global open climate data available for download.
- Copernicus open access hub (https://scihub.copernicus.eu) - Copernicus satellite imagery download.
 
Web APIs
Restful APIs for consuming geospatial data on the fly:
 
- GISCO data distribution API (https://gisco-services.ec.europa.eu/distribution/v2/) - Official European Commission data source for administrative regions, Coastal lines, Communes, Countries, Local
Administrative Units, NUTS, Urban Audit.
- Address API (https://gisco-services.ec.europa.eu/addressapi/docs/) - Pan-european address data. Supports geocoding, reverse-geocoding and lists of address components (e.g. all roads in a city).
- USGS earthquake data (https://earthquake.usgs.gov/fdsnws/event/1/) - Allows custom searches for earthquake information using a variety of parameters.
- movebank-api (https://github.com/movebank/movebank-api-doc) - Movebank is a free, online database and research platform for animal tracking and other on-animal sensor data.
- Overpass API (https://wiki.openstreetmap.org/wiki/Overpass_API) - Retrieve OpenStreetMap data.
- REST countries (https://restcountries.com/) - Get information about countries via a RESTful API.
- OSMNames (https://osmnames.org/api/) - The OSMNames open-source project provides raw place data in an easy-to-index form.
- Open Notify (http://open-notify.org/Open-Notify-API/) - Get the current location of the International Space Station (ISS) and current number of people in space!
- OpenAQ (https://docs.openaq.org/docs) - OpenAQ is the largest open-source air quality data platform.
- openrouteservice (https://openrouteservice.org/dev/#/api-docs) - Directions, Isochrones, Time-Distance Matrix, Pelias Geocoding, POIs, Elevation, Optimization.
- GraphHopper Route Optimization API (https://www.graphhopper.com/route-optimization/) - Solves a variety of vehicle routing problems, including the classical “traveling salesman problem”.
- Geoapify (https://apidocs.geoapify.com/) - Maps, address and location search, route optimization, reachability analysis, geodata access, and more.
- OpenCage (https://opencagedata.com/api) - Forward and reverse worldwide geocoding API using open data.
- breezometer (https://docs.breezometer.com/api-documentation/introduction/) - API endpoints for Air Quality, Pollen, Weather, Wildfire, Cleanest Routes and Environmental Alerts. Serves current conditions,
forecasts, and historical data.
- ipfind (https://ipfind.io/) - Geographic location of an IP address or any domain name along with some other useful information.
- bng2latlong (https://www.getthedata.com/bng2latlong) - Simple API to convert an OSGB36 easting and northing (British National Grid) to WGS84 latitude and longitude.
- Open Postcode Geo API (https://www.getthedata.com/open-postcode-geo-api) - British postcodes with easting, northing, latitude, and longitude.
- Country State City API (https://countrystatecity.in/) - Full Database of city state country available in JSON, SQL, XML, YAML & CSV format.
- API Geo (https://api.gouv.fr/les-api/api-geo) - Official French geographical data API.
- geonames (http://www.geonames.org/export/web-services.html) - Supports placename lookup, postal Code Search, reverse geocoding, nearby populated place and nearby toponym searches.
- opentopodata API (https://www.opentopodata.org/) - Open Topo Data is a REST API server for your elevation data.
- what3words (https://developer.what3words.com/public-api) - Convert 3 word addresses to coordinates and vice versa.
- TomTom (https://developer.tomtom.com/api-explorer-index/documentation/product-information/introduction) - Charging stations, fuel prices, routing, geocoding, parking availability, traffic and waypoint
optimization endpoints.
- Open Charge Map API (https://openchargemap.org/site/develop/api) - Non-commercial, non-profit global public registry of electric vehicle charging locations.
- OpenSky API (https://openskynetwork.github.io/opensky-api/rest.html) - Retrieve live airspace information for research and non-commerical purposes.
- Open-Meteo (https://open-meteo.com/) - Global weather forecast API for non-commercial use.
- RainViewer (https://www.rainviewer.com/api.html) - Free weather API. Offers the past (2 hours) and forecast (30 minutes) weather radar data and the past infrared satellite data.
- Sunrise and sunset (https://sunrise-sunset.org/api) - Sunset and sunrise times for a given latitude and longitude.
- Geocode.xyz (https://geocode.xyz/) - Reverse Geocoding, Forward Geocoding, Geoparsing API. Free requests throttled at 1 request per second.
 
Collections
Compilations and repositories of open geospatial datasets:
- awesome-public-datasets (https://github.com/awesomedata/awesome-public-datasets) - An awesome repository full of open datasets from an abundance of different categories.
- Free GIS data (https://freegisdata.rtwilson.com/) - Links to over 500 sites providing freely available geographic datasets.
- WRI (https://www.wri.org/data) - World resources institute.
- Public APIs (https://github.com/public-apis-dev/public-apis) - A collective list of free APIs for use in software and web development.
 
📒 Notebooks
Some JavaScript notebooks to help you code:
 
Beginner
- Hello, Leaflet (https://observablehq.com/@observablehq/hello-leaflet) - ObservableHQ.
- Hello, Bertin.js (https://observablehq.com/@neocartocnrs/hello-bertin-js) - Nicolas Lambert.
- Hello, Mapbox GL (https://observablehq.com/@observablehq/hello-mapbox-gl) - Mike Bostock.
- Hello, eurostat-map.js (https://observablehq.com/@joewdavies/eurostat-map-js) - Joe Davies.
- Hello, gridviz (https://observablehq.com/@neocartocnrs/hello-gridviz) - Nicolas Lambert.
 
Intermediate
- World Tour (https://observablehq.com/@d3/world-tour) - D3.
- Choropleth (https://observablehq.com/@d3/choropleth) - D3.
- How to make a nice scalebar (https://observablehq.com/@jgaffuri/nice-scale-bar) - Julien Gaffuri.
- #GISCHAT Twitter Users with MapBoxGL - Globe Projection (https://observablehq.com/@chriszrc/gischat-twitter-users-with-mapboxgl-globe-projection) - Chris Marx.
- Hexgrid maps with d3-hexgrid (https://observablehq.com/@larsvers/hexgrid-maps-with-d3-hexgrid) - Larsvers.
- Bivariate Choropleth with Continuous Color Scales (https://observablehq.com/@stephanietuerk/bivariate-choropleth-with-continuous-color-scales) - Stephanie Tuerk.
- Visualizing Eurostat grid data using Three.js & D3 (https://observablehq.com/@joewdavies/visualizing-eurostat-grid-data-using-three-js-d3) - Joe Davies.
 
Advanced
 
- Try to impeach this? Challenge accepted! (https://observablehq.com/@karimdouieb/try-to-impeach-this-challenge-accepted) - Karim Douieb.
- Bars and pubs in Paris (https://observablehq.com/@neocartocnrs/bars-pubs-in-paris) - Nicolas Lambert.
- Brussels Street Gender Inequality (https://observablehq.com/@karimdouieb/brussels-streets-gender-inequality) - Karim Douieb.
- Animating voting maps with regl (https://observablehq.com/@bmschmidt/animating-voting-maps-with-regl) - Benjamin Schmidt.
- Election maps as dorling striped circles (https://observablehq.com/@jgaffuri/election-map-dorling-striped-circles) - Julien Gaffuri.
- GeoParquet on the web (https://observablehq.com/@kylebarron/geoparquet-on-the-web) - Kyle Barron.
- Interactive Regl wind demo (https://observablehq.com/@dkaoster/interactive-regl-wind-demo) - Daniel Kao.
- Dorling cartogram of the Spanish Presidential election (https://observablehq.com/@adrianblanco/dorling-cartogram-of-the-spanish-presidential-election) - Adrián Blanco.
- Visualizing earthquakes with Three.js (https://observablehq.com/@joewdavies/visualizing-earthquakes-with-three-js) - Joe Davies.
- GeoArrow and GeoParquet in deck.gl (https://observablehq.com/@kylebarron/geoarrow-and-geoparquet-in-deck-gl) - Kyle Barron.
 
:world_map: Web maps
A compilation of interesting web maps:
 
- Map of notable people (https://tjukanovt.github.io/notable-people) - Topi Tjukanov.
- Submarine cable map (https://www.submarinecablemap.com/) - TeleGeography.
- Radio Garden (https://radio.garden/) - 3D Globe Radio Tuner.
- Map of every building in the United States (https://www.nytimes.com/interactive/2018/10/12/us/map-of-every-building-in-the-united-states.html) - New York Times.
- Map of the Roman transport network (https://orbis.stanford.edu/) - The Stanford Geospatial Network Model of the Roman World.
- Webgl Wind (https://github.com/mapbox/webgl-wind) - A WebGL-powered visualization of wind power. Capable of rendering up to 1 million wind particles at 60fps.
 
🌐 Web apps
Plug-and-play geospatial web apps:
 
- city roads (https://anvaka.github.io/city-roads/) - Render every single road in any city at once.
- Kepler (https://kepler.gl/demo) - A powerful open source geospatial analysis tool for large-scale data sets.
- Plasio (https://github.com/verma/plasio) - Drag-n-drop In-browser LAS/LAZ point cloud viewer.
- mapshaper (https://mapshaper.org/) - Online editor for map data.
- geotiff.io (http://app.geotiff.io/) - GeoTIFF.io provides quick access to easy-to-use raster processing.
- IMAGE (https://gisco-services.ec.europa.eu/image/) - An easy-to-use tool for generating thematic maps.
- magrit (https://magrit.cnrs.fr/) - Magrit is an online application for thematic mapping (cartography).
- StoryMap JS (https://storymap.knightlab.com/) - The Open source alternative to ESRI's Story map application.
- Datawrapper (https://github.com/datawrapper/datawrapper) - Create charts, maps, and tables.
- Maputnik (https://github.com/maputnik/editor) - A free and open visual editor for the Mapbox GL styles targeted at developers and map designers.
- Fantasy Map Generator (https://github.com/Azgaar/Fantasy-Map-Generator) - Free web application that helps fantasy writers, game masters, and cartographers create and edit fantasy maps.
- uMap (https://github.com/umap-project/umap) - Lets you create a map with OpenStreetMap layers and embed it in your site.
- Peak Map (https://github.com/anvaka/peak-map) - Allows you to visualize elevation of any area on the map with filled area charts (also known as a ridgeline).
- mapus (https://github.com/alyssaxuu/mapus) - Mapus is a tool to explore and annotate collaboratively on a map.
- MapOnShirt (https://maponshirt.com) - A fun tool for creating colorful designs from maps and turning them into T-shirts, Posters, Cushions and more.
 
🎨 Colour advice
Colour usage is very important in data visualisation and cartography. Here are some tools to help you choose the best colours for your maps:
 
- ColorBrewer (https://colorbrewer2.org/) - Colour advice for maps, based on the research of Dr. Cynthia Brewer.
- viz-palette (https://www.susielu.com/data-viz/viz-palette) - This project is optimized for tweaking, copying, and pasting colors in and out of JavaScript.
- Chroma.js Color Palette Helper (https://gka.github.io/palettes/#/9) - This chroma.js-powered tool is here to help us mastering multi-hued, multi-stops color scales.
- Dicopal.js (https://github.com/riatelab/dicopal.js) - Discrete color palettes (hundreds of them!) for JavaScript.
- Textures.js (https://github.com/riccardoscalco/textures) - JavaScript library for creating SVG patterns. Made on top of d3.js, it is designed for data visualization. Textures are useful for the
selective perception of different categories.
 
📍 Icons
Icons to add to your GIS websites:
- font-GIS (https://github.com/Viglino/font-gis) - A very very cool icon font set for use with GIS and spatial analysis tools.
- Map Icons Collection (https://mapicons.mapsmarker.com/) - 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 (https://fonts.google.com/icons?icon.query=map) - Over 2,990 glyphs in a single font file with a wide range of design variants.
- Geoapify map marker playground (https://apidocs.geoapify.com/playground/icon/) - The Marker Icon API lets you create beautiful icons and use them as Map Markers.
 
📺 Videos
Videos of web mapping presentations and tutorials:
 
- Mapping Geolocation with Leaflet.js - Working with Data and APIs in JavaScript (https://www.youtube.com/watch?v=nZaZ2dB6pow) - The Coding Train.
- 10 Maps, and the Tech and Stories Behind Them (https://www.youtube.com/watch?v=PpWAKVjPlgU) - Maarten Lambrechts.
- Intermediate Three.js Tutorial - Create a Globe with Custom Shaders (https://www.youtube.com/watch?v=vM8M4QloVL0&t=4418s) - Chris Courses.
- Statistical Cartography - Design principles for statistical map design (https://www.youtube.com/watch?v=e803ElX5Q_c) - Julien Gaffuri.
 
 
📚 Further reading
- Fundamentals of Data Visualization (https://clauswilke.com/dataviz/) - Claus O. Wilke.
- A Workbook for Interactive Cartography and Visualization on the Open Web (https://github.com/uwcartlab/webmapping) - Robert 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 Data (https://www.esri.com/en-us/esri-press/browse/thematic-mapping) - Kenneth Field.
- Color use guidelines for mapping and visualization (https://colorbrewer2.org/learnmore/schemes_full.html#qualitative) - Cynthia A. Brewer.
 
 
Contributing
 
Contributions of any kind are welcome, just follow the guidelines (./CONTRIBUTING.md) by either:
 
- Filling a suggestion issue (https://github.com/joewdavies/awesome-frontend-gis/issues/new/) (easier).
- Opening a pull request (https://github.com/joewdavies/awesome-frontend-gis/compare).
 
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
 
If you have any questions about this list, please don't hesitate to contact me @joewdavies (https://twitter.com/joewdavies) on X (formerly Twitter) or open a GitHub issue
(https://github.com/joewdavies/awesome-frontend-gis/issues/new).