Description

This demo shows how to run a layout algorithm in a Web Worker thread without blocking the UI or main thread.

The demo code uses module workers, which are not supported in every browser, yet. If your browser does not support module workers, please refer to the Webpack Demo for an approach using Web Worker together with webpack, or the Web Worker UMD Demo that uses AMD modules to load resources in the Web Worker thread.

Calculating the layout in a Web Worker keeps the UI responsive. Hence, the loading animation is able to continue while the layout algorithm is working.

See the sources for details.

Legal Disclosure | Privacy Policy | View on GitHub

Running Web Worker

Cancel Layout

Your browser does not support module web workers. Please refer to the Webpack Demo or the Webworker UMD Demo instead.

Module Workers are currently only supported in Chrome 80+ and Edge