Escaping flatland: a romance of data science in the browser
summary
Browser-side dimensionality reduction runs with UMAP inside Web Workers using transferable objects to pass Float32Array buffers zero-copy, and OffscreenCanvas to render off-main-thread. A two-worker setup (compute worker + render worker) processes ~5,000 MNIST digits and keeps the page interactive while main-thread runs stall and drop frame rate. Demos are built and recorded, libraries like pixijs and some bundlers need workarounds for offscreen canvas and worker bundling.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 0:21Dimensionality reduction
- 3:53Handdrawn digits
- 5:56Flatland
- 8:07Web workers
- 9:58Demos
- 12:24Transferable objects
- 15:31Final demo
related talks
32mData science in the browser: DX & UX
24mWeb Workers - Little Minions At Work for Optimizing Performance
04mWOAH! Is that OffscreenCanvas?
29mParallel computing in ReactJS: Provide a pleasant user experience
36mCanvas Pixel Transformation: Beauty comes slowly
53mLet the main thread breathe!
13mHow to Use Web Workers for Fun and Profit
19mLet the Main Thread Breathe!