Inline animations in Jupyter

by

notebook backend

‘Inline’ means that the plots are shown as png graphics. Those png images cannot be animated. While in principle one could build an animation by successively replacing the png images, this is probably undesired.

A solution is to use the notebook backend, which is fully compatible with FuncAnimation as it renders the matplotlib figure itself: 

%matplotlib notebook

jsanimation

From matplotlib 2.1 on, we can create an animation using JavaScript. This is similar to the ani.to_html5() solution, except that it does not require any video codecs.

from IPython.display import HTML
HTML(ani.to_jshtml())

Some complete example:

import matplotlib.pyplot as plt
import matplotlib.animation
import numpy as np

t = np.linspace(0,2*np.pi)
x = np.sin(t)

fig, ax = plt.subplots()
ax.axis([0,2*np.pi,-1,1])
l, = ax.plot([],[])

def animate(i):
    l.set_data(t[:i], x[:i])

ani = matplotlib.animation.FuncAnimation(fig, animate, frames=len(t))

from IPython.display import HTML
HTML(ani.to_jshtml())

Alternatively, make the jsanimation the default for showing animations, 

plt.rcParams["animation.html"] = "jshtml"

Then at the end simply state ani to obtain the animation.

Also see this answer for a complete overview.

More Related Contents:

  1. Matplotlib and Ipython-notebook: Displaying exactly the figure that will be saved
  2. prevent plot from showing in jupyter notebook
  3. How to make IPython notebook matplotlib plot inline
  4. Purpose of “%matplotlib inline”
  5. Pandas – Plotting a stacked Bar Chart
  6. stop / start / pause in python matplotlib animation
  7. Managing dynamic plotting in matplotlib Animation module
  8. animated subplots using matplotlib
  9. How to overlay plots from different cells?
  10. How to dynamically update a plot in a loop in IPython notebook (within one cell)
  11. How can I open the interactive matplotlib window in IPython notebook?
  12. What is the currently correct way to dynamically update plots in Jupyter/iPython?
  13. How to hide in IPython notebook
  14. 3D animation using matplotlib
  15. Matplotlib 3D scatter animations
  16. Converting to (not from) ipython Notebook format
  17. How to animate the colorbar in matplotlib
  18. Animate points with labels with matplotlib
  19. %matplotlib notebook showing a blank histogram
  20. Animation with pcolormesh routine in matplotlib, how do I initialize the data?
  21. Automatically run %matplotlib inline in IPython Notebook
  22. Animating “growing” line plot in Python/Matplotlib
  23. How to set the matplotlib figure default size in ipython notebook?
  24. Matplotlib animation inside your own GUI
  25. Matplotlib FuncAnimation only draws one frame
  26. Using %matplotlib notebook after %matplotlib inline in Jupyter Notebook doesn’t work
  27. canvas.mpl_connect in jupyter notebook
  28. Jupyter Notebook: interactive plot with widgets
  29. How can I make a video from array of images in matplotlib?
  30. Defining multiple plots to be animated with a for loop in matplotlib

Leave a Comment