Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

H3 Hexagons on a Globe

Public visualization

Viewing a saved revision (read-only)

bbe48e6ca67d48c2b0e1cfedfbf14f21

H3 Hexagons on a Globe

0 stars2🌍 Public
CCurran Kelleher
Last edited Apr 28, 2025
Created on Aug 9, 2024

This example renders the 122 base cells of Uber’s H3 hexagon grid as polygons on an orthographic globe using d3-geoPath and h3-js. The five pentagonal cells are highlighted in translucent green, while the world’s countries, drawn from the visionscarto-world-atlas TopoJSON, appear in gray beneath a graticule. Canvas rendering supports drag-to-rotate and zoom-to-scale interactions, with state managed through a VizHub pattern.

AI-generated description

Unlocking h3-js for hexagons on a globe! Some of them are pentagons, which are highlighted in green.

MIT Licensed