Animate in Jupyter notebook

[mforets]

The animate command allows to animate a list of frames by creating a sage.plot.animate.Animation object.

In a Jupyter notebook environment, the code below returns Animation with 20 frames, while it should have a similar behaviour as with the sage notebook (displaying a gif).

f(x) = 5*x - x^2/8 + x^3/1200
df(x) = diff(f(x),x)
max = 100
p = plot(f(x),x,0,max)
lblp = text("$y = " + latex(f(x)) + "$",[40,100],fontsize=14)
lbldp = text("$y' = " + latex(df(x)) + "$",[40,80],fontsize=14,rgbcolor='#006000')
ga = []
for argx in srange(0,max,5):
    dp = plot(f(argx) + (df(argx)*(x-argx)),x,0,max,color="#006000")
    xp = point((argx,f(argx)),rgbcolor='#800000')    
    ga.append(p+lblp+lbldp+dp+xp)
animate(ga,ymin=0,ymax=max,axes_labels=['x','y'],fontsize=12,figsize=(4,3)).show(delay=1)

Reported in Animation doesn't work by cybervigilante.

Probably intersecting #16573, #16650 and #17783.

CC: @kcrisman

Component: notebook

Keywords: animate jupyter plot

Author: Jeroen Demeyer, Volker Braun

Branch/Commit: cbf2b37

Reviewer: Marcelo Forets

Issue created by migration from https://trac.sagemath.org/ticket/22777

[jdemeyer]

Author: Jeroen Demeyer

[vbraun]

comment:5

Last time I checked jupyter didn't support gif (hence no animated gif either).

[kcrisman]

comment:6

But see also this post about mpl html5 animations. Various other workarounds of varying quality are out there ... and there is even a request.

[vbraun]

Branch: u/vbraun/animate_in_jupyter_notebook

[vbraun]

comment:8

The patch adds GIF support to the jupyter notebook.

Actual html5 video would be better, but also requires some encoder like ffmpeg. Whereas I think we can generate animated gif without external dependencies.

Of course you don't have to call animate(...).show(), the displayhook already renders the animation if it can. Really its our fault for having that confusingly-named show() method.

---

New commits:

cbf2b37

Add GIF support to the Jupyter notebook display backend

[vbraun]

Commit: cbf2b37

[vbraun]

Changed author from Jeroen Demeyer to Jeroen Demeyer, Volker Braun

[mforets]

Reviewer: Marcelo Forets

[mforets]

comment:11

looks good to me.

PS: in my (Mac osx) machine, animate produces ugly yellowish axes, see screenshot and gif. but i think this has nothing to do with the jupyter notebook itself..

[vbraun]

Changed branch from u/vbraun/animate_in_jupyter_notebook to cbf2b37