yFiles for HTML Product Types

yFiles for HTML is available in three different distributions. Each distribution represents a combination of yFiles for HTML components.

Distribution Types

Layout Distribution

The Layout distribution contains only the yFiles for HTML Algorithms component.

Viewer Distribution

The Viewer distribution contains only the yFiles for HTML Viewer component.

Complete Distribution

The Complete distribution contains both the yFiles for HTML Algorithms component and the yFiles for HTML Viewer component.

In addition, this distribution contains adapter logic that facilitates the usage of yFiles layout algorithms from the Viewer component.

Distribution Features

The following table provides an overview of the features of the yFiles for HTML distributions.

  yFiles for HTML Distribution
Algorithms Componentefficient algorithms-oriented graph structure implementation 
wide variety of graph and network algorithms 
algorithms for automatic layout of graphs and diagrams 
algorithms for automatic layout of connections in diagrams 
automatic label placement 
Viewer Componentefficient graph structure implementation with support for the visual representation of graph elements 
powerful graph viewer control for the presentation and creation/editing of diagrams 
extensive user interaction support 
support for nested graph structures 
support for loading/saving of diagrams from/to GraphML 
animations and layout morphing 

yFiles for HTML Building Blocks

There are currently two different yFiles for HTML components, which can be combined as three different yFiles for HTML distributions (see above).


The yFiles for HTML Algorithms component contains efficient algorithms and data structures for graph analysis tasks as well as state-of-the-art graph layout algorithms.


yFiles for HTML Algorithms provides essential classes and data types for graph analysis tasks. These include highly efficient implementations of advanced data types such as Graph and Priority Queue. Furthermore, the algorithms library contains a wide variety of graph and network algorithms which in turn form an indispensable toolkit for a range of network analysis tasks.


The algorithms library offers a perfect suite of graph layout algorithms which deliver you unrivaled opportunities. Diverse layout styles including hierarchic, orthogonal, or circular are provided as easy to integrate components that can be configured programmatically to suit most layout demands. In addition, yFiles for HTML Algorithms provides edge routing algorithms that make it possible to easily route edges into existing diagrams. The different layout styles also now include several incremental algorithms, for example incremental hierarchical layout.


The yFiles for HTML Viewer component provides powerful controls for displaying graphs and makes available excellent graph interaction capabilities.


The controls can display arbitrary graphical objects based on a graphics engine tailored to support both flexible customization and high performance rendering of complex graphics.


yFiles for HTML makes it easy to add custom editing functionality to your HTML5 application. The library offers full clipboard and Undo/Redo support.


yFiles for HTML uses the XML based GraphML format as its native exchange file format for graph structure and layout information.