Is there a way to display a matplotlib animation using the animation.FuncAnimation tool already developed in matplotlib. For example, if I generate the animation: ani = animation.FuncAnimation(fig, animate, interval=5000) how to I show the output? Because streamlit.pyplot() does not show the real…

Hello @Zane_Venter , I’ve discovered this little trick totally randomly, you can build HTML/JS out of a FuncAnimation and render it in Streamlit. Find it below :wink: [image] Matplotlib animation in Streamlit through HTML/JS 🦄 Random So this is my little discovery of the …

Hi, I have tested the example (I think I did see it in a blog post), Streamlit loads the graph, but nothing gets displayed. [image] And then the following error gets displayed, due to the exit function (Its supposed to happen): [image] My Code example: import mplfinance as mpf import matpl…

Also, Its using live data, its not a fixed dataframe upload. Therefore the figure is plotted dynamically, this whole dynamic plot is getting to me…

Ah, unfortunately Matplotlib relies on generating static images at every Streamlit script rerun, so the FuncAnimation will also somewhere on the line be transformed to static animations, that doesn’t make it very friendly for live data. I usually go for Plotly, Altair or ECharts for dynamic plotting…

Hi @Zane_Venter , I agree with @fanilo, but in case you want to follow in this direction, I’ve managed to show the animation, hope it is good for you: (Edit: I had some lines missing, here is the corrected code :point_down: :sweat_smile:) import streamlit as st import streamlit.components.v1 as com…

Hi @andfanilo and @napoles3d , Thank you so much. This definitely helped me to get an better Idea of the solution, its still not 100% there but progress is progress and the guidance really helped me! I have combined both recommendations, and its working with streamlit. Thank you very much.

PS, I am getting this error, where I dont have permission to “add” the html file. When deploying the app. [image]

Hello All, Thanks first for everything in this thread, as I have gotten quite far with visualizing matplotlib animations in streamlit. I’m trying to use streamlit to make a sort algorithm visualizer, where I am just using the rather simple bubble sort algo to test. The problem I’m having is that …

I figured it out. It’s a matplotlib.funcanimation parameter ‘save_count’ which sets the number of saved frames and nothing to do with streamlit. Streamlit rocks to be able to do this so easily, despite my newbie difficulties. Thanks guys!

Matplotlib Animation.FuncAnimation Support

Community Cloud

napoles3d January 20, 2021, 3:41pm 9

mhhh, this is strange. I need to try to see what’s happening. Are you deploying in Streamlit Share?? Could you provide the link to the repo?

Topic		Replies	Views
FuncAnimation from matplotlib.animation Using Streamlit	2	1814	September 20, 2023
Matplotlib animation in Streamlit through HTML/JS Random matplotlib	0	3603	September 15, 2020
MatplotLib Animation: Decay example with streamlit, nothing plotted Using Streamlit matplotlib	4	2363	March 15, 2021
How to plot a matplotlib animation in my streamlit app? Using Streamlit	3	2205	March 27, 2022
Show Animation Matplotlib FuncAnimation Performance Using Streamlit matplotlib	0	1550	December 29, 2021

Matplotlib Animation.FuncAnimation Support

Related topics