在活页夹上使用 ipyvidgets 和 matplotlib 的交互式绘图生成静态图像

如何解决在活页夹上使用 ipyvidgets 和 matplotlib 的交互式绘图生成静态图像

我正在尝试在 binder 上共享 github 存储库。在本地，我使用 matplotlib 和 @interact 的交互式绘图工作正常。在活页夹上它工作了一半。当滑块值更改时，相同的代码将静态图像添加到活页夹笔记本中的单元格输出中。

问题：如何修复活页夹行为并制作交互式绘图？

git 仓库 https://github.com/queezz/Complex_Numbers

我的笔记本看起来像这样：

%pylab inline

from ipywidgets import interact,widgets

x = np.linspace(0,np.pi,100)
@interact
def plot_interactive(a=widgets.FloatSlider(min=1,max=10,val=1)):
    plot(x,np.sin(x*a))
    gca().set_aspect('equal')
    ylim(-1.1,1.1)

来自活页夹的截图：

解决方法

找到了一个很好的工作示例： https://github.com/Kapernikov/ipywidgets-tutorial

它的要点是使用 %matplotlib widget 和 @widgets.interact。

现在似乎不鼓励使用 %pylab inline，请参阅 this git issue。

我从教程中复制了一部分代码，它产生了与问题中想要的相同的结果。

%matplotlib widget
import ipywidgets as widgets
import matplotlib.pyplot as plt
import numpy as np

# set up plot
fig,ax = plt.subplots(figsize=(6,4))
ax.set_ylim([-4,4])
ax.grid(True)

# generate x values
x = np.linspace(0,2 * np.pi,300)


def my_sine(x,w,amp,phi):
    """
    Return a sine for x with angular frequeny w and amplitude amp.
    """
    return amp*np.sin(w * (x-phi))


@widgets.interact(w=(0,10,1),amp=(0,4,.1),phi=(0,2*np.pi+0.01,0.01))
def update(w = 1.0,amp=1,phi=0):
    """Remove old lines from plot and plot new one"""
    [l.remove() for l in ax.lines]
    ax.plot(x,my_sine(x,phi),color='C0')