H3 Cluster Layer Example¶

H3 hexagon clustering visualization using deck.gl H3ClusterLayer.

In [ ]:

# %pip install anymap-ts

# %pip install anymap-ts

In [ ]:

from anymap_ts import DeckGLMap

from anymap_ts import DeckGLMap

Define H3 cluster data¶

In [ ]:

# Sample H3 cluster data (groups of H3 hexagons)
h3_cluster_data = [
    {
        "hexIds": ["852830827ffffff", "85283082fffffff", "852830877ffffff"],
        "value": 150,
    },
    {
        "hexIds": ["8528308a7ffffff", "8528308afffffff", "8528308b7ffffff"],
        "value": 200,
    },
    {
        "hexIds": ["852830957ffffff", "85283095fffffff", "852830967ffffff"],
        "value": 250,
    },
    {
        "hexIds": ["8528309c7ffffff", "8528309cfffffff", "8528309d7ffffff"],
        "value": 180,
    },
]

# Sample H3 cluster data (groups of H3 hexagons) h3_cluster_data = [ { "hexIds": ["852830827ffffff", "85283082fffffff", "852830877ffffff"], "value": 150, }, { "hexIds": ["8528308a7ffffff", "8528308afffffff", "8528308b7ffffff"], "value": 200, }, { "hexIds": ["852830957ffffff", "85283095fffffff", "852830967ffffff"], "value": 250, }, { "hexIds": ["8528309c7ffffff", "8528309cfffffff", "8528309d7ffffff"], "value": 180, }, ]

Create map with H3 cluster layer¶

In [ ]:

m = DeckGLMap(center=[-122.4, 37.75], zoom=9, pitch=45)
m.add_basemap("CartoDB.DarkMatter")

m.add_h3_cluster_layer(
    data=h3_cluster_data,
    get_hexagons="hexIds",
    get_fill_color=[255, 100, 100, 180],
    get_elevation="value",
    extruded=True,
    elevation_scale=20,
    pickable=True,
)
m

m = DeckGLMap(center=[-122.4, 37.75], zoom=9, pitch=45) m.add_basemap("CartoDB.DarkMatter") m.add_h3_cluster_layer( data=h3_cluster_data, get_hexagons="hexIds", get_fill_color=[255, 100, 100, 180], get_elevation="value", extruded=True, elevation_scale=20, pickable=True, ) m

Export to HTML¶

In [ ]:

m.to_html("h3_cluster_layer_example.html")

m.to_html("h3_cluster_layer_example.html")