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

Usage

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:

Settings

The following settings are available for the H3 layer:

Core settings of the H3 Layer.

Setting	Description
Layer Type	Must be H3 to use the H3 Layer.
Dataset	The dataset from which to derive H3 indexes.
Hex ID	The column containing H3 indexes.

Fill color settings for H3 hexagons.

Setting	Description
Fill Color Toggle	Toggle to add or remove a fill color.
Color Based On	The metric that the fill color is based upon.
Color Scale	The color scale and palette of the layer.
Fill Opacity	The opacity of color fill.

Outline/stroke settings for H3 hexagons.

Setting	Description
Outline	Toggle to enable/disable outline.
Stroke Color Based On	The metric that the fill color is based upon.
Stroke Color Scale	The color scale and palette of the stroke.
Stroke Width (Pixels)	The width of the stroke/outline in pixels.
Opacity	The 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.

Setting	Description
Coverage	The percentage of area the H3 cell spans. 100 = 100%, 0 = 0%.

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

Setting	Description
Height	Toggle to enable/disable cell height. Optimally used in 3D/Globe view.
Height Based On	The metric that the height is based upon.
Height Scale	The scale that H3 cells use for height. Choose from Linear (default), Sqrt, or Log.
Height Multiplier	A `float` to multiply height by.

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

Setting	Description
Label	One or more labels to add to the H3 cell.
Font Size	The size of the font. Scales as users zoom in and out.
Font Color	The font's color. Choose from preset colors or type a `hex`/`rgb` value in the color picker.
Outline Width	The width of the outline in pixels. Set to `0` to disable the outline.
Outline Color	The color for the outline label.
Background Color	Toggle to enable a background color for the label. Choose a color with the color selector.
Text Anchor	The horizontal location that the text begins in. Either `start`, `middle`, or `end`.
Alignment	The 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.