Timeline slider causes width flickering/glitching

Hello there!

Basically I’m using a px.density_mapbox for plotting animated coordinates over a map, and using a slider which allows users to “time-travel” over the coordinates. When I hit the play button it seems to work relatively fine, but when I update the slider manually the mapbox’s width starts filckering/glitching around, by this I mean it’s width changes randomly as shown in this video 2

I’ve expericenced this behaviour using plotly with streamlit as well as with jupyter-notebook (both notebook_connected and browser rendering modes)

Does anyone know what could be the cause for this? Thanks!

Code:

    fig = px.density_mapbox(coords_df,
                            title=f"Some Nice title",
                            lat="lat",
                            lon="lon",                                                        
                            animation_frame="hour_minute",
                            animation_group="service_id",                            
                            radius=10,                            
                            )
    fig.show()

Commencez avec l’exemple px.density_mapbox fourni et reproduisez le scintillement de la largeur lors du déplacement manuel du curseur d’animation. Comparez le comportement dans Streamlit et Jupyter Notebook en utilisant les modes de rendu notebook_connected et browser ; le travail est terminé lorsque la cause est identifiée et qu’un résultat reproductible ou un correctif confirmé est documenté.