About the yFiles for HTML Demo Browser
This diagram viewer displays sample graphs from various domains. Users can change the view port and zoom level but are not allowed to edit the diagrams.
This demo showcases the various layout algorithms of yFiles, including hierarchic, organic, orthogonal, tree, circular and balloon styles. Additionally, it presents the powerful and highly customizable graph editing capabilities of the graph view component.
This organization chart viewer allows you to interactively explore a company's staff. Hide the managers or subordinates of employees, zoom in to watch their personnel data, and let the automatic layout algorithm arrange the diagram for you when you re-show hidden persons.
Business Process Models
This sample application allows you to create and edit Business Process Diagrams (BPMN), and to arrange them with the specialized BPMN layout algorithm.
This sample editor for Mindmaps features a tailored in-place pop-up menu for nodes that provides fast access to the main commands. Moreover, it shows highly customized visualizations for nodes and links, and automatically arranges all the items in an orderly tree diagram.
This demo shows how to nicely expand and collapse sub-graphs organized in groups. Folding ('collapsed groups') can help to keep complex hierarchically organized diagrams clear and concise by showing only parts of the entire structure.
Incremental Hierarchic Layout
This demo shows the incremental mode of the hierarchic layout algorithm. Each user action triggers a run of this layout algorithm to ensure that the current state of the graph is always well-organized but remains still similar to the previous arrangement.
Interactive Organic Layout
This demo shows the Interactive Organic layout algorithm. This variant of the general Organic layout algorithm calculates continuous updates for a changing diagram. The Organic layout is a force-directed layout style for multiply purposes.
This demo shows interactive collapsing and expanding of subtrees of a graph. Using the dedicated helper classes for filtering-out parts of a graph and the tree layout algorithm, implementing such an interactive application is easy.
This demo shows the support for diagrams that are organized in a tabular way, for example in a grid or a swimlane layout. Besides model items and styles for Tables, yFiles provides dedicated editing features to add, remove, resize, and reparent rows, columns, and the table contents.
This demo shows the capabilities of the Shortest Path algorithm of yFiles. Besides Shortest Path, yFiles contains a variety of typical graph analysis algorithms, for example for Cycles, Trees, Connectivity and Graph Search.
A basic network monitoring demo which shows animated edge styles as well as the usage of D3.js in popup labels.