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…

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]

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?

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

andfanilo January 19, 2021, 10:13am 2

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

Hope it helps!
Fanilo

Topic		Replies	Views
FuncAnimation from matplotlib.animation Using Streamlit	2	1790	September 20, 2023
Matplotlib animation in Streamlit through HTML/JS Random matplotlib	1	3599	January 12, 2022
MatplotLib Animation: Decay example with streamlit, nothing plotted Using Streamlit matplotlib	5	2360	May 13, 2022
How to plot a matplotlib animation in my streamlit app? Using Streamlit	4	2199	March 27, 2023
Show Animation Matplotlib FuncAnimation Performance Using Streamlit matplotlib	1	1543	December 29, 2022

Matplotlib Animation.FuncAnimation Support

Related topics