H3 Layer
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:
hex_id | value |
---|---|
89283082c2fffff | 64 |
8928308288fffff | 73 |
89283082c07ffff | 65 |
89283082817ffff | 74 |
89283082c3bffff | 66 |
89283082883ffff | 76 |
Settings
The following settings are available for the H3 layer:
Basic
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
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
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
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
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
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 . |
JSON Schema
For details on how to programmatically specify layer properties, refer to the Layer Configuration specification.
Updated 10 months ago