Web Worker UMD Demo [yFiles for HTML]

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.

In order to run this demo, please run npm install in the demo folder.

Because web workers cannot load ES modules (yet), this demo loads yFiles using the AMD loader require.js

To transfer the graph structure and layout between the worker and the main page, a simple JSON format is used. As the web worker environment does not support any DOM-related functionality, the GraphML format can't be used for this purpose.

Things to Try

Modify the graph structure by adding/removing nodes and edges, and re-run the web worker layout.

Legal Disclosure | Privacy Policy | View on GitHub

yFiles for HTML Web Worker UMD Demo [yFiles for HTML]

Running Web Worker