JavaScript

Learn how H3's hierarchical structure enables multi-resolution analysis, how parent-child relationships work across resolution levels, and how the compactCells and uncompactCells functions reduce redundant spatial representations. Includes interactive browser demos and practical code examples.

Learn how to use H3's gridDisk, gridRing, and gridDistance functions to model service areas, accessibility zones, and multi-source catchment overlap. Includes interactive browser-based demos with step-by-step code.

Learn how to aggregate point data into hexagonal density maps using H3 and Leaflet. This tutorial covers spatial binning, choropleth colouring, power-scaled colour ramps, and interactive multi-resolution analysis — all running in the browser.

This hands-on tutorial introduces H3, Uber's open-source hexagonal grid system that's transforming spatial analysis. Learn why hexagons outperform traditional grids, set up H3 in JavaScript, and build interactive mapping applications with step-by-step code examples.