Jupyter Lab上でDashを動かすまでのセットアップ手順

JupyterDashというライブラリをインストールすればJupyterLab上でDashを使った様々な機能を使うことができるようになります。今回はJupyterLab上でJupyterDashを動かすためのセットアップ方法をまとめました。

Contents

必要なパッケージとJupyterLab Extensionをインストール
JupyterDashを動かす

必要なパッケージとJupyterLab Extensionをインストール

DashとJupyter Labをインストールします。JupyterLabのバージョンを3.0以上にすると後段のjupyter lab buildを実行するところで躓きます。

conda install -c conda-forge jupyterlab==2.2.0 dash==1.19.0

次のJupyterDashをインストールします。

conda install -c plotly jupyter-dash

次の作業でnodejsが入っていることが前提となるのでインストールします。

conda install -c conda-forge nodejs

JupyterDashのパッケージにはJupyterLab Extensionが内蔵されていますが、これをアクティベイトするために以下のコマンドを実行します(詳細はJu pyter DashのGithubを参照)。

jupyter lab build

JupyterLab上でplotlyのインタラクティブなグラフを作成するためのipywidgetsをインストールします。

conda install jupyterlab "ipywidgets>=7.5"

最後にJupyterLab上でPlotlyを動かすためのExtensionをインストールします。

jupyter labextension install jupyterlab-plotly@4.14.3

JupyterDashを動かす

JupyterLabを立ち上げて、JupyterDashを動かします。その際上記のパッケージをインストールした仮想環境をJupyterLabで選択できるように、以下の記事に従って対象のカーネルをJupyterに追加してください。

今回はDashの基本機能であるitemを選択できるDropdownをJupyterLabに表示させます（item1, item2, item3から選択できるようにします）。

from jupyter_dash import JupyterDash
import dash_core_components as dcc
import dash_html_components as html

app = JupyterDash(__name__)

app.layout = html.Div([
    html.P('Dropdown Example'),
    html.Hr(),
    dcc.Dropdown(options=[{'label': item, 'value': item}
                          for item in ['item1', 'item2', 'item3']])
])

if __name__ == '__main__':
    app.run_server(mode='inline')

上記のコードをJupyterLabのセル上で実行すると、インラインにDropdownが表示されます。