refresh matplotlib in Jupyter when updating with ipywidget

Question

I want to draw a line in a Jupyter notebook, which can be moved using an ipywidget slider. I also want to have the mouse coordinates displayed, for which I'm using %matplotlib notebook. Here is what I have so far :

%matplotlib notebook
from ipywidgets import interact


fig, ax = plt.subplots()

@interact(n=(-200, 0))
def show(n):
    # fig.clear() #doesn't show anything
    y = -n+x
    ax.plot(x, y)
    
    plt.show()

When moving the line using the slider, the plot doesn't refresh, all previous positions of the line remain visible:

I tried to refresh using fig.clear(), but then noting shows.

How can I solve this?

Ianhi · Accepted Answer · 2022-03-03 20:06:04Z

1

I have an extensive answer about this here: Matplotlib figure is not updating with ipywidgets slider

but the short of my recommendations are:

use ipympl %matplotlib ipympl instead of notebook as this will play nicer with ipywidgets
Use mpl-interactions to handle making plots controlled by sliders.
- It will do the optimal thing of using set_data for you rather than clearing and replotting the lines.
- It also interprets the shorthand for numbers in a way that (I think) makes more sense when making plots (e.g. using linspace instead of arange) see https://mpl-interactions.readthedocs.io/en/stable/comparison.html for more details.

So for your example I recommend doing:

install libraries

pip install ipympl mpl-interactions

%matplotlib ipympl
from ipywidgets import interact
import matplotlib.pyplot as plt
from mpl_interactions import ipyplot as iplt

x = np.linspace(0,100)
fig, ax = plt.subplots()

def y(x, n):
    return x - n
ctrls = iplt.plot(x, y, n=(-200,0))

it got a bit longer because I added the imports you left out of your question and also defined x.

Which gives you this:

That said if you don't want to use those I think what you want is ax.cla() I think when you do fig.clear you are also removing the axes which is why nothing shows up.

%matplotlib notebook
from ipywidgets import interact


fig, ax = plt.subplots()

@interact(n=(-200, 0))
def show(n):
    y = -n+x
    ax.cla()
    ax.plot(x, y)

    plt.show()

answered Mar 3, 2022 at 20:06

Ianhi

3,2101 gold badge27 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Benco Over a year ago

ax.cla() doesn't seem to clear the figure, but your solution based on mpl_interactions works great. And ipympl is much more fluid than standard notebook. Thanks.

Collectives™ on Stack Overflow

refresh matplotlib in Jupyter when updating with ipywidget

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related