H3 Layer

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

H3 Layer

H3 Layer

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:

hex_idvalue
89283082c2fffff64
8928308288fffff73
89283082c07ffff65
89283082817ffff74
89283082c3bffff66
89283082883ffff76

Configuration

The following settings are available for the H3 layer:

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

Properties

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


Sign In