Platform
Resources
Pricing
Sign in
Get started
Nick Rabinowitz
Workspace
Fork
Public
2 collections
By
Nick Rabinowitz
Edited
Oct 16, 2022
3 forks
22 stars
H3
H3 Tutorial: Intro to h3-js (v4)
Surface construction with H3
H3 Pathfinding
H3 Tutorial: Rendering Hexagons
H3 Tutorial: Using Point Layers
H3 Tutorial: Suitability Analysis
H3 Radius Lookup
"Flat" H3 Grid via Gnomonic Projection
H3 Index Inspector
Shape simplification with H3
H3 Indexes: Cartesian vs Spherical
H3 Continuous Elevation
Area Variation
Indexing Order
H3 Mapbox Style Heat Map
H3 Deck.gl Heat Map
H3 Hierarchical (Non)Containment
H3 Index Bit Layout
H3 Adaptive Grid
Cell counts per country
Indexing Polygons With H3
Privacy-Preserving Spatial Indexing with H3
H3 Tutorial: Intro to h3-js (v3)
Also listed in…
H3 Tutorials
Insert cell
Insert cell
Insert cell
// Index a lat/lng point to an H3 index
h3
.
geoToH3
(
20
,
123
,
2
)
Insert cell
// Get the center of an H3 index as a lat/lng point
h3
.
h3ToGeo
(
"8928342e20fffff"
)
Insert cell
// Get the vertices of an H3 index as lat/lng points
h3
.
h3ToGeoBoundary
(
"8928342e20fffff"
)
Insert cell
Insert cell
// Get the children of an H3 index at the given (finer) resolution
h3
.
h3ToChildren
(
"8928342e20fffff"
,
10
)
Insert cell
// Get the parent of an H3 index at the given (coarser) resolution
h3
.
h3ToParent
(
"8928342e20fffff"
,
7
)
Insert cell
Insert cell
// Find all H3 indexes within a given distance from the origin (filled ring)
h3
.
kRing
(
"8728342e2ffffff"
,
1
)
Insert cell
// Find all H3 indexes a specific distance from the origin (hollow ring)
h3
.
hexRing
(
"8728342e2ffffff"
,
1
)
Insert cell
// Get the distance in grid cells between two H3 indexes
h3
.
h3Distance
(
"8728342e6ffffff"
,
"8728342c4ffffff"
)
Insert cell
Insert cell
// Get all H3 indexes within a geographic polygon
h3
.
polyfill
(
[
[
[
37
,
-
122
]
,
[
36
,
-
121
]
,
[
36
,
-
123
]
]
]
,
5
)
Insert cell
// Get the multipolygon (array of polygons) for a set of H3 indexes
h3
.
h3SetToMultiPolygon
(
[
"85291a6ffffffff"
,
"85291a6bfffffff"
,
"852834d3fffffff"
]
)
Insert cell
Insert cell
Insert cell
Insert cell
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Try it for free
Learn more
Fork
View
Export
Listed in...
H3
Nick Rabinowitz
H3 Tutorials
Nick Rabinowitz
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
h3
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML