Animatplot Documentation: Release 0.2.2
Animatplot Documentation: Release 0.2.2
Animatplot Documentation: Release 0.2.2
Release 0.2.2
Tyler Makaro
1 Installation 3
2 Tutorial 5
2.1 Getting Started . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
2.2 Using multiple blocks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
2.3 Custimizing the Controls . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
2.4 Using Jupyter . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
3 API 11
3.1 Animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
3.2 Timeline . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
3.3 blocks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
4 Example Gallery 17
4.1 Nuke . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
4.2 Imshow . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
4.3 Logarithmic Timescales . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
4.4 Parametric . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
4.5 pcolormesh . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
4.6 Polarization . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
4.7 Quiver Plot . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22
4.8 Square Well . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22
5 Developer Setup 25
5.1 Requirements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
5.2 Install . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
5.3 Testing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
5.4 Linting . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
6 Changes to animatplot 27
6.1 0.2.2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
6.2 0.2.0 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
6.3 0.1.0.dev3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
i
ii
animatplot Documentation, Release 0.2.2
version 0.2.2
Source Code Github
animatplot is a library for producing interactive animated plots in python built on top of matplotlib.
Contents
User Documentation 1
animatplot Documentation, Release 0.2.2
2 User Documentation
CHAPTER 1
Installation
Using pip:
Warning: If matplotlib was installed with anaconda, please upgrade matplotlib to >= 2.2 with anaconda before
installing animatplot with pip. Otherwise, pip may butcher your environment(s).
3
animatplot Documentation, Release 0.2.2
4 Chapter 1. Installation
CHAPTER 2
Tutorial
Animatplot is built on the concept of blocks. We’ll start by animating a Line block.
First we need some imports.
Note: Interactivity is not available in the static docs. Run the code locally to get interactivity.
X, T = np.meshgrid(x, t)
Y = np.sin(2*np.pi*(X+T))
In order to tell animatplot how to animate the data, we must pass it into a block. By default, the Line block will
consider each of the rows in a 2D array to be a line at a different point in time.
We then pass a list of all our blocks into an Animation, and show the animation.
In [3]: block = amp.blocks.Line(X, Y)
anim = amp.Animation([block])
5
animatplot Documentation, Release 0.2.2
We’ll use the same data to make a new animation with interactive controls.
In [4]: block = amp.blocks.Line(X, Y)
anim = amp.Animation([block])
The above animation didn’t display the time properly because we didn’t tell animatplot what the values of time are.
Instead it displayed the frame number. We can simply pass our values of time into our call to Animation.
In [5]: block = amp.blocks.Line(X, Y)
anim = amp.Animation([block], t) # pass in the time values
anim.controls()
anim.save_gif('images/line3') # save animation for docs
plt.show()
<IPython.core.display.Javascript object>
<IPython.core.display.HTML object>
Simply passing in the values of time into the call to Animation doesn’t give us much control. Instead we use a
Timeline.
In [6]: timeline = amp.Timeline(t, units='s', fps=20)
The units argument will set text to be displayed next to the time number.
The fps argument gives you control over how fast the animation will play.
In [7]: block = amp.blocks.Line(X, Y)
anim = amp.Animation([block], timeline) # pass in the timeline instead
anim.controls()
6 Chapter 2. Tutorial
animatplot Documentation, Release 0.2.2
Since animatplot is build on matplotlib, we can use all of our matplotlib tools.
In [8]: block = amp.blocks.Line(X, Y, marker='.', linestyle='-', color='r')
anim = amp.Animation([block], timeline)
anim.controls()
anim.save_gif('images/line5') # save animation for docs
plt.show()
<IPython.core.display.Javascript object>
<IPython.core.display.HTML object>
X, Y, T = np.meshgrid(x, y, t)
pcolormesh_data = np.sin(X*X+Y*Y-T)
line_data = pcolormesh_data[20,:,:] # the slice where y=0
We need to be careful here. Our time axis is the last axis of our data, but animatplot assumes it is the first axis by
default. Fortunately, we can use the t_axis argument.
We use the axis argument to attached the data to a specific subplot.
ax2.set_ylabel('y', labelpad=-5)
ax1.set_ylabel('z')
ax1.set_ylim([-1.1,1.1])
fig.suptitle('Multiple blocks')
ax1.set_title('Cross Section: $y=0$')
ax2.set_title(r'$z=\sin(x^2+y^2-t)$')
# animatplot stuff
# now we make our blocks
line_block = amp.blocks.Line(X[0,:,:], line_data,
axis=ax1, t_axis=1)
pcolormesh_block = amp.blocks.Pcolormesh(X[:,:,0], Y[:,:,0], pcolormesh_data,
axis=ax2, t_axis=2, vmin=-1, vmax=1)
plt.colorbar(pcolormesh_block.quad)
timeline = amp.Timeline(t, fps=10)
anim.save_gif('images/multiblock')
plt.show()
<IPython.core.display.Javascript object>
<IPython.core.display.HTML object>
There is a lot going on here so lets break it down.
Firstly, the standard matplotlib stuff is creating, and labeling all of our axes for our subplot. This is
exactly how one might do a static, non-animated plot.
When we make the Line block, we pass in the data for our lines as 2D arrays (X[0,:,:] and line_data). We
attached that line to the first axis axis=ax1. We also specifify that the time axis is the last axis of the data t_axis=1.
When we make the Pcolormesh block, we pass in the x, y data as 2D arrays (X[:,:,0] and Y[:,:,0]), and the z
data as a 3D array. We attached the pcolormesh to the second axis axis=ax2. We also specifify that the time axis is
the last axis of the data t_axis=2.
Additional, we told the Pcolormesh blocks what the minimum and maximum values will be (vmin=-1 and vmax=1),
so that the colorscale will be proper. The keywords vmin, and vmax get passed to the underlaying called to mat-
plotlib’s pcolormesh.
plt.colorbar does not recognize the Pcolormesh block as a mappable, so we pass in a mappable from the block
to get the colorbar to work. In the future, animatplot may have a wrapper around this.
The rest simply brings all of the blocks, and the timeline together into an animation.
8 Chapter 2. Tutorial
animatplot Documentation, Release 0.2.2
Here we’ll like how to manipulate the timeline_slider and the toggle button.
The interactive controls can be make using the controls() method of the animation class, as in the getting started
tutorial, but this method is a wrapper around the toggle and timeline_slider methods.
First, we need from imports and data to animate.
In [1]: %matplotlib notebook
import numpy as np
import matplotlib.pyplot as plt
import animatplot as amp
In [2]: x = np.linspace(0, 1, 50)
t = np.linspace(0, 1, 20)
X, T = np.meshgrid(x, t)
Y = np.sin(2*np.pi*(X+T))
Animation.toggle(axis=None)
Creates a play/pause button to start/stop the animation
Parameters axis (optional) – A matplotlib axis to attach the button to.
Animation.timeline_slider(axis=None, valfmt=’%1.2f’, color=None)
Creates a timeline slider.
Parameters
• axis (optional) – A matplotlib axis to attach the slider to
• valfmt (str, optional) – a format specifier used to print the time Defaults to ‘%1.2f’
• color – The color of the slider.
Animation.controls(timeline_slider_args={}, toggle_args={})
Creates interactive controls for the animation
Creates both a play/pause button, and a time slider at once
Parameters
• timeline_slider_args (Dict, optional) – A dictionary of arguments to be
passed to timeline_slider()
• toggle_args (Dict, optional) – A dictionary of argyments to be passed to toggle()
Now to make the animation
By specifying the axis parameter, we can change the position of either the toggle or the timeline_slider.
We use color to change the color of the slider, and valfmt to change how the time is displayed.
Let’s create our block, then create the controls at the top of the animation.
In [3]: block = amp.blocks.Line(X, Y)
anim = amp.Animation([block])
anim.toggle(button_axis)
anim.save_gif('images/controls')
plt.show()
<IPython.core.display.Javascript object>
<IPython.core.display.HTML object>
In order to display interactive animations in jupyter notebook or lab, use one of the following line magics:
10 Chapter 2. Tutorial
CHAPTER 3
API
3.1 Animation
3.1.1 animatplot.Animation
11
animatplot Documentation, Release 0.2.2
animation
a matplotlib animation returned from FuncAnimation
Methods
12 Chapter 3. API
animatplot Documentation, Release 0.2.2
3.2 Timeline
Timeline(t[, units, fps, log]) An object to contain and control all of the time
3.2.1 animatplot.Timeline
Methods
3.3 blocks
Blocks handle the animation of different types of data. The following blocks are available in animatplot.blocks.
3.3.1 animatplot.blocks.Block
Methods
3.3. blocks 13
animatplot Documentation, Release 0.2.2
__init__(axis=None, t_axis=None)
Initialize self. See help(type(self)) for accurate signature.
3.3.2 animatplot.blocks.Line
Notes
Methods
3.3.3 animatplot.blocks.Quiver
14 Chapter 3. API
animatplot Documentation, Release 0.2.2
Notes
Methods
3.3.4 animatplot.blocks.Pcolormesh
Notes
Methods
3.3.5 animatplot.blocks.Imshow
3.3. blocks 15
animatplot Documentation, Release 0.2.2
Parameters
• images (list of 2D/3D arrays, or a 3D or 4D array) – matplotlib con-
siders arrays of the shape (n,m), (n,m,3), and (n,m,4) to be images. Images is either a list of
arrays of those shapes, or an array of shape (T,n,m), (T,n,m,3), or (T,n,m,4) where T is the
length of the time axis (assuming t_axis=0).
• axis (matplotlib axis, optional) – The axis to attach the block to
• t_axis (int, optional) – The axis of the array that represents time. Defaults to 0.
No effect if images is a list.
Notes
Methods
3.3.6 animatplot.blocks.Nuke
Methods
16 Chapter 3. API
CHAPTER 4
Example Gallery
Warning: For the purpose of these documents, animations are rendered as gifs and with a lower framerate and
fewer frames to make them smaller.
%matplotlib notebook
4.1 Nuke
Sometimes matplotlib just doesn’t give us the tools we need to animate stuff. This block is a way to work around that.
Matplotlib.axes.Axes.quiver does not have a way to dynamically set the location of arrows, only the angle. In this
example, we work around that.
In [1]: %matplotlib notebook
import numpy as np
import matplotlib.pyplot as plt
import animatplot as amp
f = 3
t = np.linspace(0,2*np.pi,100)
17
animatplot Documentation, Release 0.2.2
def animate(i):
ax.set_title('Polarization')
ax.set_aspect('equal')
ax.set(xlim=(-1.2, 1.2), ylim=(-1.2, 1.2))
E = E0*np.exp(1j*(f*t[i]+phi))
xx = np.array([0,E[0].real,0])
yy = np.array([0,0,0])
uu = np.array([E[0].real,0,E[0].real])
vv = np.array([0,E[1].real,E[1].real])
anim.controls()
anim.save_gif('nuke')
plt.show()
<IPython.core.display.Javascript object>
<IPython.core.display.HTML object>
4.2 Imshow
In [1]: %matplotlib notebook
import numpy as np
import matplotlib.pyplot as plt
import animatplot as amp
First we focus on creating the data. A ising model is used to make this data.
In [2]: # Define LxL matrix
L = 55
# Initialize as random spin
M = 2*(np.random.rand(L,L)>.5)-1
J = 1
b = 2.5
nPer = 100
images = [M]
for i in range(100):
M = M.copy()
for dm in range(nPer):
jj = int(np.random.rand()*L - 1)
kk = int(np.random.rand()*L - 1)
anim.controls()
anim.save_gif('ising')
plt.show()
<IPython.core.display.Javascript object>
<IPython.core.display.HTML object>
Simply pass the keyword argument log=True to the Timeline, to get logarithmic timescales.
In [1]: import numpy as np
import matplotlib.pyplot as plt
import animatplot as amp
x = np.linspace(0, 1, 20)
t = np.logspace(0, 2, 30)
X, T = np.meshgrid(x, t)
Y = np.sin(X*np.pi)*np.log(T)
plt.xlim([0,1])
plt.ylim([0,Y.max()+1])
anim.controls()
anim.save_gif('logtime')
plt.show()
<Figure size 640x480 with 3 Axes>
4.4 Parametric
In [1]: import numpy as np
import matplotlib.pyplot as plt
from matplotlib.animation import PillowWriter
import animatplot as aplt
def psi(t):
x = t
y = np.sin(t)
return x, y
anim.save('parametric.gif', writer=PillowWriter(fps=5))
plt.show()
<Figure size 640x480 with 3 Axes>
4.5 pcolormesh
In [1]: import numpy as np
import matplotlib.pyplot as plt
import animatplot as amp
x = np.linspace(-2, 2, 50)
y = np.linspace(-2, 2, 50)
t = np.linspace(0, 2*np.pi, 40)
X, Y, T = np.meshgrid(x, y, t)
Z = np.sin(X*X+Y*Y-T)
anim.controls()
anim.save_gif('pcolormesh')
plt.show()
<Figure size 640x480 with 4 Axes>
4.6 Polarization
In [1]: %matplotlib notebook
import numpy as np
import matplotlib.pyplot as plt
import animatplot as amp
Let’s create the data.
In [2]: E0 = np.array([1, 2])
E0 = E0 / np.linalg.norm(E0)
f = 3
t = np.linspace(0,2*np.pi,50)
block.ax.set_aspect('equal')
block.ax.set_xlim([-1,1])
block.ax.set_ylim([-1,1])
anim.controls()
anim.save_gif('polarization')
plt.show()
4.6. Polarization 21
animatplot Documentation, Release 0.2.2
<IPython.core.display.Javascript object>
<IPython.core.display.HTML object>
timeline = aplt.Timeline(t)
X, Y, T = np.meshgrid(x, y, t)
U = np.cos(X+T)
V = np.sin(Y+T)
anim.toggle()
anim.timeline_slider()
anim.save('quiver.gif', writer=PillowWriter(fps=10))
plt.show()
<Figure size 640x480 with 3 Axes>
x = np.linspace(0, 1, 20)
t = np.linspace(0, 10, 20)
X, T = np.meshgrid(x, t)
Y1 = psi(X, T).real
Y2 = psi(X, T).imag
anim.toggle()
anim.timeline_slider()
anim.save('sq_well.gif', writer=PillowWriter(fps=5))
plt.show()
<Figure size 640x480 with 3 Axes>
Developer Setup
5.1 Requirements
sphinx>=1.5.1
ipykernel
nbsphinx
matplotlib>=2.2
numpy
5.2 Install
5.3 Testing
pytest
Warning: Tests are currently very limited. Please run examples to ensure everything works.
25
animatplot Documentation, Release 0.2.2
5.4 Linting
Changes to animatplot
6.1 0.2.2
6.2 0.2.0
• Complete and total overhaul of animatplot using with the idea of blocks as a foundation
• Chuck all previous attempts to support python 2 in the dumpster
6.3 0.1.0.dev3
27
animatplot Documentation, Release 0.2.2
Symbols T
__init__() (animatplot.Animation method), 12 Timeline (class in animatplot), 13
__init__() (animatplot.Timeline method), 13 timeline_slider() (animatplot.Animation method), 12
__init__() (animatplot.blocks.Block method), 14 toggle() (animatplot.Animation method), 12
__init__() (animatplot.blocks.Imshow method), 16
__init__() (animatplot.blocks.Line method), 14
__init__() (animatplot.blocks.Nuke method), 16
__init__() (animatplot.blocks.Pcolormesh method), 15
__init__() (animatplot.blocks.Quiver method), 15
A
animation (animatplot.Animation attribute), 11
Animation (class in animatplot), 11
B
Block (class in animatplot.blocks), 13
C
controls() (animatplot.Animation method), 12
I
Imshow (class in animatplot.blocks), 15
L
Line (class in animatplot.blocks), 14
N
Nuke (class in animatplot.blocks), 16
P
Pcolormesh (class in animatplot.blocks), 15
Q
Quiver (class in animatplot.blocks), 14
S
save() (animatplot.Animation method), 12
save_gif() (animatplot.Animation method), 12
29