You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
By default, the p5 notebook opens with the simpler notebook interface.
p5-screencast-1.webm
JupyterLab interface π§ͺ
The JupyterLab interface is still accessible via the View > Open in JupyterLab menu entry:
p5-screencast-2.webm
Live preview of HTML-based sketches β‘
With the JupyterLab interface, .html files can be edited and rendered live with the built-in HTML viewer:
p5-screencast-3.webm
Support for themes π
The p5 notebook includes the default JupyterLab Light and Dark themes, as well as p5.js branded light and dark themes:
p5-screencast-4.webm
Support for additional display languages π
Just like with JupyterLab, the p5 notebook also supports additional display languages like French and Simplified Chinese:
p5-screencast-5.webm
JupyterLab and Notebook features π¨
Most of the JupyterLab and Jupyter Notebook features are also available, such as switching to the Simple Interface and opening the command palette:
p5-screencast-6.webm
Real Time Collaboration
Coming soon!
Dev install
This repo includes a couple of additional plugins to tweak the Jupyter UI. To setup a local environment and be able to iterate on them, make sure Node.js is installed, then:
# install dependencies
pixi install
# Install package in development mode
pixi run develop
# Rebuild the extension Typescript source after making changes
pixi run build