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

An example of the H3 layer.

An example of the 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:


Core settings of the H3 Layer.

Layer TypeMust be H3 to use the H3 Layer.
DatasetThe dataset from which to derive H3 indexes.
Hex IDThe column containing H3 indexes.

Fill Color

Fill color settings for H3 hexagons.

Fill Color ToggleToggle 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.
Fill OpacityThe opacity of color fill.


Outline/stroke settings for H3 hexagons.

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%.


Coverage settings for H3 hexagons. Coverage refers to how much space the H3 hexagon takes of the H3 grid.

CoverageThe percentage of area the H3 cell spans. 100 = 100%, 0 = 0%.


Height settings for H3 hexagons. Height is best viewed with 3D viewing mode.

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.


Label settings for the H3 layer. Labels will appear on each H3 cell.

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.
Outline WidthThe width of the outline in pixels. Set to 0 to disable the outline.
Outline ColorThe color for the outline label.
Background ColorToggle to enable a background color for the label. Choose a color with the color selector.
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.

JSON Schema

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