WebVisualizer not working in Jupyter notebooks

[donand]

Checklist

• I have searched for similar issues.
• For Python issues, I have tested with the latest development wheel.
• I have checked the release documentation and the latest documentation (for master branch).

Describe the issue

I'm running the example in docs/jupyter/visualization/jupyter_visualization.ipynb but it's not working.
I'm on Ubuntu with pip-installed open3d.

Steps to reproduce the bug

import open3d as o3d
from open3d.web_visualizer import draw

cube_red = o3d.geometry.TriangleMesh.create_box(1, 2, 4)
cube_red.compute_vertex_normals()
cube_red.paint_uniform_color((1.0, 0.0, 0.0))
draw(cube_red)

Error message

Jupyter environment detected. Enabling Open3D WebVisualizer.
[Open3D INFO] WebRTC GUI backend enabled.
[Open3D INFO] WebRTCWindowSystem: HTTP handshake server disabled.
[Open3D INFO] Resetting default logger to print to terminal.
[Open3D INFO] Window window_0 created.
[Open3D INFO] EGL headless mode enabled.
[Open3D INFO] ICE servers: {"stun:stun.l.google.com:19302", "turn:user:[email protected]:3478", "turn:user:[email protected]:3478?transport=tcp"}
FEngine (64 bits) created at 0x7f86359d2010 (threading is enabled)
[Open3D INFO] Set WEBRTC_STUN_SERVER environment variable add a customized WebRTC STUN server.
[Open3D INFO] WebRTC Jupyter handshake mode enabled.

[Open Browser Console for more detailed log - Double click to close this message]
Model class 'WebVisualizerModel' from module 'open3d' is loaded but can not be instantiated
TypeError: o._deserialize_state is not a function
    at u._make_model (http://localhost:8889/nbextensions/jupyter-js-widgets/extension.js:2:747339)

Expected behavior

I should get the visualization in the notebook output.

Open3D, Python and System information

- Operating system: Ubuntu 22.04
- Python version: Python 3.9.12 (main, Apr  5 2022, 06:56:58) 
[GCC 7.5.0]
- Open3D version: output from python: 0.15.2
- System architecture: x86
- Is this a remote workstation?: yes
- How did you install Open3D?: pip

Additional information

No response

[edscher]

version downgrading might help
pip install --user ipywidgets==7.7.1 jupyterlab-widgets==1.1

[Whisht]

After downgrading as @edscher, the pcd file is not rendered in jupyter.

[muskie82]

Same as @Whisht .

[bjajoh]

I get RuntimeError: Open3D WebVisualizer Jupyter extension is not available. To use WebVisualizer, build Open3D with -DBUILD_JUPYTER_EXTENSION=ON.

[danielyan86129]

Any update?

[Waterglaze]

Same Problem

[ssheorey]

Hi @yxlao can you take a look at this issue when you get a chance?

[diplodocuslongus]

Same issue, with this environment:

• Pop-os 22 (Ubuntu derived),
• not a remote workstation,
• open3D installed with pip.
• firefox 109.0.1, same with chrome as the target browser

Python related:

open3D:  0.17.0
Python 3.10.6
 Jupyter core packages...
IPython          : 8.12.0
ipykernel        : 6.22.0
ipywidgets       : 8.0.6
jupyter_client   : 8.2.0
jupyter_core     : 5.3.0
jupyter_server   : 2.5.0
jupyterlab       : 3.6.3
nbclient         : 0.7.3
nbconvert        : 7.3.1
nbformat         : 5.7.0
notebook         : 6.5.4
qtconsole        : 5.4.2
traitlets        : 5.9.0

Error message slightly different from OP:

[Open3D INFO] Window window_0 created.
[Open3D INFO] EGL headless mode enabled.
WARNING: Using soft CircularBuffer (6144 KiB)
FEngine (64 bits) created at 0x7fc26ea43010 (threading is enabled)
[Open3D INFO] ICE servers: ["stun:stun.l.google.com:19302", "turn:user:[email protected]:3478", "turn:user:[email protected]:3478?transport=tcp"]
[Open3D INFO] Set WEBRTC_STUN_SERVER environment variable add a customized WebRTC STUN server.
[Open3D INFO] WebRTC Jupyter handshake mode enabled.

[Open Browser Console for more detailed log - Double click to close this message]
Model class 'WebVisualizerModel' from module 'open3d' is loaded but can not be instantiated
_make_model@http://localhost:8888/lab/extensions/@jupyter-widgets/jupyterlab-manager/static/150.1a6d6a3a0542a41bec5a.js?v=1a6d6a3a0542a41bec5a:1:7933