H3 Layer

H3 layers visualize spatial data using H3 Hexagonal Hierarchical Spatial Index.

H3 Layer

H3 Layer


To use an H3 layer, you need a hex_id or hexagon_id in your dataset, which can be generated using h3-js from latitude, longitude and resolution.

Studio auto generates H3 layer from column: hex_id, hexagon_id

Sample dataset:



The following settings are available for the H3 layer:

DatasetThe dataset from which to derive H3 indexes.
Hex IDThe column containing H3 indexes.
Fill ColorToggle to add or remove a fill color.
Color Based OnThe metric that the fill color is based upon.
Color ScaleThe color scale and palette of the layer.
OutlineToggle to enable/disable outline.
Stroke Color Based OnThe metric that the fill color is based upon.
Stroke Color ScaleThe color scale and palette of the stroke.
Stroke Width (Pixels)The width of the stroke/outline in pixels.
OpacityThe opacity of the H3 cells, 100 = 100%, 0 = 0%.
CoverageThe percentage of area the H3 cell spans. 100 = 100%, 0 = 0%.
HeightToggle to enable/disable cell height. Optimally used in 3D/Globe view.
Height Based OnThe metric that the height is based upon.
Height ScaleThe scale that H3 cells use for height. Choose from Linear (default), Sqrt, or Log.
Height MultiplierA float to multiply height by.
LabelOne or more labels to add to the H3 cell.
Font SizeThe size of the font. Scales as users zoom in and out.
Font ColorThe font's color. Choose from preset colors or type a hex/rgb value in the color picker.
Text AnchorThe horizontal location that the text begins in. Either start, middle, or end.
AlignmentThe vertical alignment of the text. Either top, center or bottom.


For details on how to programmatically specify layer properties, refer to the Layer Configuration specification.

Sign In