Column Layer Example¶

3D column/bar visualization using deck.gl ColumnLayer.

In [ ]:

# %pip install anymap-ts

# %pip install anymap-ts

In [ ]:

import random
from anymap_ts import DeckGLMap

import random from anymap_ts import DeckGLMap

Generate sample data¶

In [ ]:

# Generate random column data around San Francisco
columns = [
    {
        "coordinates": [
            -122.4 + (random.random() - 0.5) * 0.3,
            37.8 + (random.random() - 0.5) * 0.3,
        ],
        "value": random.randint(500, 5000),
    }
    for _ in range(100)
]

# Generate random column data around San Francisco columns = [ { "coordinates": [ -122.4 + (random.random() - 0.5) * 0.3, 37.8 + (random.random() - 0.5) * 0.3, ], "value": random.randint(500, 5000), } for _ in range(100) ]

Create map with column layer¶

In [ ]:

m = DeckGLMap(center=[-122.4, 37.8], zoom=11, pitch=45, bearing=-17)
m.add_basemap("CartoDB.DarkMatter")

m.add_column_layer(
    data=columns,
    get_position="coordinates",
    get_elevation="value",
    radius=200,
    elevation_scale=1,
    extruded=True,
    get_fill_color=[255, 140, 0, 200],
    opacity=0.8,
)
m

m = DeckGLMap(center=[-122.4, 37.8], zoom=11, pitch=45, bearing=-17) m.add_basemap("CartoDB.DarkMatter") m.add_column_layer( data=columns, get_position="coordinates", get_elevation="value", radius=200, elevation_scale=1, extruded=True, get_fill_color=[255, 140, 0, 200], opacity=0.8, ) m

Export to HTML¶

In [ ]:

m.to_html("column_layer_example.html")

m.to_html("column_layer_example.html")