PyDeck example from PyDeck documentation not working

Summary

I’ve upgraded to Streamlit 0.53 and wan’t to test out the new st.pydeck_chart function.

At some stage in my work I wan’t to add tooltips and I cannot make it work. For example the example from the documentation at https://deckgl.readthedocs.io/en/latest/tooltip.html does not work.

In Streamlit the output of the code below does not show the data

In HTML the output of the code below shows the data with tooltips

Steps to reproduce

1. Run the code below
2. Inspect the browser output

Code

"""Example from https://deckgl.readthedocs.io/en/latest/tooltip.html"""
import streamlit as st
import pydeck as pdk

UK_ACCIDENTS_DATA = (
    "https://raw.githubusercontent.com/uber-common/"
    "deck.gl-data/master/examples/3d-heatmap/heatmap-data.csv"
)

layer = pdk.Layer(
    "HexagonLayer",
    UK_ACCIDENTS_DATA,
    get_position="[lng, lat]",
    auto_highlight=True,
    elevation_scale=50,
    pickable=True,
    elevation_range=[0, 3000],
    extruded=True,
    coverage=1,
)

# Set the viewport location
view_state = pdk.ViewState(
    longitude=-1.415, latitude=52.2323, zoom=6, min_zoom=5, max_zoom=15, pitch=40.5, bearing=-27.36
)

# Combined all of it and render a viewport
r = pdk.Deck(
    map_style="mapbox://styles/mapbox/light-v9",
    layers=[layer],
    initial_view_state=view_state,
    tooltip={"html": "<b>Elevation Value:</b> {elevationValue}", "style": {"color": "white"}},
)
r.to_html("test.html", open_browser=True, notebook_display=False)
st.pydeck_chart(r)

• Streamlit version: 0.53
• Python version: 3.7.4
• Using python -m venv .venv
• OS version: Windows 8.1
• Browser version: Chrome

[MarcSkovMadsen]

There is another user with the tooltip problem here. https://discuss.streamlit.io/t/tooltip-and-labels-in-pydeck-chart/1727/2

[logan0402]

Hi I run into the same issue that while using .show() the background layer is ok but there is no background map layer in the html file I get by .to_html(‘#####.html’) Have you got any solution about this issue? Thanks a lot