Interactive Graph with matplotlib and ipywidget

Question

I am trying to follow up on a problem discussed, but not completely solved, here: Interactive matplotlib using ipywidgets

I am using Python 2.7 in a jupyter notebook environment and want the following function to be modified interactively in jupyter.

%matplotlib notebook
from ipywidgets import *
import numpy as np
import matplotlib.pyplot as plt

x = np.linspace(0, 2 * np.pi)
fig = plt.figure()
ax = fig.add_subplot(1, 1, 1)
line, = ax.plot(x, np.sin(x))

def update(w = 1.0):
    line.set_ydata(np.sin(w * x))
    fig.canvas.draw()

interact(update);

While the slider shows and can be modified, no graph is shown.

Where is my misunderstanding?

[EDIT] Works well now with the solution below, result:

Yaman Ahlawat · Accepted Answer · 2017-05-25 13:18:41Z

3

it happens when javascript widget is not enabled in the jupyter notebook.
activate the environment where you have installed jupyter notebook.
run this command:
- jupyter nbextension enable --py --sys-prefix widgetsnbextension
you will get an output something like this:

Enabling notebook extension jupyter-js-widgets/extension... - Validating: OK

also, don't forget to restart the notebook after running this command.

answered May 25, 2017 at 13:18

Yaman Ahlawat

5076 silver badges20 bronze badges

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

5 Comments

ImportanceOfBeingErnest Over a year ago

I can run the code from the question without problem and I can't remember ever having to enable anything in the command line.

Yaman Ahlawat Over a year ago

After the update from ipywidgets (5.1.0) and widgetsnbextension (1.1.0) this error started coming. Earlier, we used %matplotlib inline. But to use %matplotlib notebook (for the interactive purpose) you need javascript widget to be enabled. Or you can also use cufflinks for interactive plots.

ImportanceOfBeingErnest Over a year ago

Ok, so I have ipywidgets 6.0 and widgetsnbextension 2.0. Maybe in those versions you don't need to activate anything manually for it to work.

Yaman Ahlawat Over a year ago

Ya maybe. But I am sure, which version actually it doesn't support. But it works for me too in those versions.

tfv Over a year ago

That's it! I had run across that command already and tried it, but probably something went wrong with the restart of notebook process. It is also necessary to manually execute the cell again after the notebook opens in order to start interaction.

Collectives™ on Stack Overflow

Interactive Graph with matplotlib and ipywidget

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related