JupyterLabにipycanvasをインストールして、ノートブックにcanvasを利用して図形を描画する

ipycanvasで、ノートブックにcanvasを利用して図形を描画する事ができます。

〇ipycanvasの実行例

インストール手順

以下のコマンドを実行します。
1. nodejsのインストール

sudo apt-get -y install curl

curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -

sudo apt-get install -y nodejs

2. jupyterの仮想環境フォルダに移動後、以下のコマンドを実行します。

pipenv shell

pipenv install ipycanvas

※Raspberry Piではexport NODE_OPTIONS="--max-old-space-size=2048"も実行します
jupyter labextension install @jupyter-widgets/jupyterlab-manager ipycanvas

3. 動作確認
以下のサンプルコードを実行します。

from ipycanvas import Canvas

canvas = Canvas(width=200, height=200)

canvas.fill_style = '#335588'
canvas.stroke_style = '#7799dd'

canvas.fill_rect(25, 25, 150, 150)
canvas.clear_rect(45, 45, 110, 110)
canvas.stroke_rect(50, 50, 100, 100)

canvas

関連情報

・ipycanvasのgithubリポジトリ
https://ipycanvas.readthedocs.io/en/latest/

・Ubuntu 20.04にJupyter Labをインストールする(pipenv版)

・Raspberry Pi(Raspbian Buster)にJupyter Labをインストールする