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.
Build
Install the required npm packages and run the build script
> npm install > npm run build
Run
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