Use H3 Layers To Visualize Spatial Data

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:

The following settings are available for the H3 layer:

Setting	Description
Dataset	The dataset from which to derive H3 indexes.
Hex ID	The column containing H3 indexes.
Fill Color	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.
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	The percentage of area the H3 cell spans. 100 = 100%, 0 = 0%.
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	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.
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.