Web Worker Demo

This demo shows how to run a yFiles layout algorithm in a Web Worker task in order to prevent the layout calculation from blocking the UI.

The graph, layout, and layout data are configured in the main thread and transferred to the web worker using class LayoutExecutorAsync. The actual layout calculation is performed in WorkerLayout.ts with class LayoutExecutorAsyncWorker on the web worker thread.


Install the required npm packages and run the build script

> npm install
> npm run build


The output files will be placed in the dist/ directory inside this demo's directory. To run the demo, open dist/index.html in a browser with

> npm run serve