Problem with displaying plotly choropleth figure

Using Streamlit
1

This is the sample code from plotly choropleth figure.
The figure is displayed fine with fig.show(), but broken in a st app.
It works fine with other type of plotly figure, but seems that no data is attached in a choropleth figure.

Any help is appreciated.

Here is the code:

import streamlit as st
import plotly.express as px

df = px.data.election()
geojson = px.data.election_geojson()

fig = px.choropleth(df, geojson=geojson, color="Bergeron",
                    locations="district", featureidkey="properties.district",
                    projection="mercator"
                   )
fig.update_geos(fitbounds="locations", visible=False)
fig.update_layout(margin={"r":0,"t":0,"l":0,"b":0})
st.plotly_chart(fig)

Expected figure:

expected
expected1614×921 92.8 KB

Displayed in st:

bug
bug1165×866 77.2 KB

2

Welcome to Streamlit, @misssprite, and thanks for the report!

I commented in the associated bug (https://github.com/streamlit/streamlit/issues/1104), but for anyone else coming across this: our Plotly.js library was out of date. I’ve updated it to the latest (which fixes this bug); the fix should show up in a Streamlit release soon!