The yFiles for HTML demos and tutorials are extensive sample applications that present the features of the yFiles for HTML diagramming library.
The complete source code of all of these samples is part of the yFiles for HTML package and available at GitHub.
To execute a specific sample, click on its card below.
These demos use ECMAScript 6 features that your browser does not support.
Please switch to a browser with support for ECMAScript 6 (Chrome, Firefox, Edge, Safari 10) or use the included deployment tool to convert the demos to ECMAScript 5. The converted demos are also available online.
Note that ECMAScript 6 is a requirement of the demos, only. The yFiles for HTML library itself is compatible with ECMAScript 5.
Due to strict cross domain policies in both Internet Explorer and Google Chrome, some demos work only partially or not at all when viewed from a filesystem location in these browsers. Therefore, it is recommended to access the demos through a Web server. Install and start scripts for a local Node.js Express server are included:
> cd %YFILES_HTML_DISTRIBUTION_DIR%/demos/demo-server/ > npm install > npm start
Google Chrome can also be instructed to use a more tolerant policy by starting Chrome with the
command line option.
In Firefox, the demos should run well from a filesystem location, since its cross domain policy is tolerant by default.