Skip to content
This repository has been archived by the owner on Mar 22, 2020. It is now read-only.


Folders and files

Last commit message
Last commit date

Latest commit



72 Commits

Repository files navigation




This project was more for the sake of experimenting with p5.js and creating a Jupyter Widget directly in the Jupyter Notebook, and is not maintained anymore.

Creating new widgets on the fly in a notebook is really useful for presentations and teaching purposes. However this approach does not work in other environments other than the classic notebook (it does not work in JupyterLab).

Instead, feel free to check out:

Jupyter Notebook to demonstrate how to use p5.js for custom interactive animations.

The Bermuda Triangle puzzle is used in the notebook as a concrete example to solve. But the idea and the tools can be applied to other cases.

The Bermuda Triangle Puzzle is a wooden puzzle consisting of 1 big triangle and 16 smaller triangles of equal size. The goal of the puzzle is to arrange the triangles in a way so that each adjacent color is the same: red next to red, blue next to blue, and so on....

Here is a short animation of what the animation looks like. Refer to the notebook for more details!

Bermuda Triangle Example

Run on Binder

You can run the notebook directly on Binder.

Binder creates a reproducible environment from the environment.yml file to ensure all dependencies are installed at startup.

Run locally

git clone
cd p5-jupyter-notebook/

Create a conda environment and install the dependencies:

conda env create
source activate p5-notebook

Launch the notebook:

jupyter notebook