Practical examples of interactive visualizations in JupyterLab with Pixi.js and Jupyter Widgets

PyData Berlin 2018

This repository is for demo purposes and is not meant to be installed from pypi and npm.

It is not longer maintained. However, the example code can still be reused in other Jupyter Widgets!

Materials and examples originally presented at PyData Berlin 2018.

This repository was bootstrapped using the Widget TypeScript Cookiecutter.

The last example demoed during the presentation is an interactive game state viewer, but has not been included in this repository since the original viewer has not been made public (yet!).

There is however a quick video to give an idea of what it looks like to manipulate such widget in JupyterLab:

The presentation from PyData Berlin 2018 is also available on Youtube:

Run on Binder

The presentation from PyData Berlin 2018 is directly available on Binder, which means you can try it right away in your web browser!

Click on presentation.ipynb to view the notebook, or browse the files to look at the source code for the widgets.

Run locally

The other option is to install all the dependencies and run it locally:

Using conda, create a new environment:

conda env create -f ./binder/environment.yml

Then:

# Install the Python package
pip install -e .

# JupyterLab Manager is required for widgets
jupyter labextension install @jupyter-widgets/jupyterlab-manager@0.36.2

# Link the extension
# This will fetch all the dependencies from pypi and npm, and might take a while to finish.
jupyter labextension link .

# start JupyterLab
jupyter lab