Practical examples of interactive visualizations in JupyterLab...

on YouTube ↗24m

" summary

Shows how a custom JupyterLab extension uses Pixi.js and Jupyter Widgets to draw low‑level shapes, sync Python state to a WebGL/canvas front end, and animate interactions. Builds a rotating sprite and a demo that renders 100 shapes, a 16‑triangle puzzle solver that explores ~10,000 placement steps with backtracking and records snapshots, and a JSON game‑state viewer for Prospero. Code runs in a notebook (also available to launch on Binder) and the visualizations work end‑to‑end.

AI-written summary · about

" chapters (12)

1. 0:00Introduction
2. 0:27Python visualization tools
3. 1:51JupyterLab features
4. 2:13PixiJS basics
5. 3:16IPyWidgets sync
6. 5:00Custom interactive widgets
7. 8:15Wooden puzzle visualization
8. 12:26Puzzle solving
9. 17:46Prospero game visualization
10. 20:14Real-time game states
11. 22:42Applications and future
12. 23:46Q&A

" related talks

• 41mInteractive Visualization in Jupyter with Bqplot and Interactive WidgetsSylvain Corlay · PyData London 2016
• 43mAdvanced Data Visualizations In Jupyter NotebooksChakri Cherukuri · QCon São Paulo 2019
• 29mUsing Jupyter notebooks to develop and share interactive data displaysIoanna Ioannou, Maoyuan Liu · PyCon AU 2016 Science and Data Miniconf
• 19mInteractive Visualizations and UIs in JuliaShashi Gowda · JuliaCon 2015
• 29mJupyterLab+Real Time CollaborationBrian E. Granger, Chris Colbert, Ian Rose · PyData Seattle 2017
• 32mAdvanced Visualization in Jupyter NotebooksKalyan Prasad · PyCon India 2020
• 27mBuilding web-based engineering applications with JupyterLab componentsMartin Renou, Trung Le · PyData Paris 2024
• 28mAdvanced Graph Visualizations in Jupyter NotebooksBenjamin Niedermann · NODES 2024