SupportLog In

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

An example of the H3 layer.

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

Settings

The following settings are available for the H3 layer:

Basic

Core settings of the H3 Layer.

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

SettingDescription
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

Outline/stroke settings for H3 hexagons.

SettingDescription
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

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

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

Height

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

SettingDescription
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

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

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