yFiles AJAX

Graph Viewer

The Graph Viewer application demonstrates viewing a graph with zooming, panning, overview, additional node and edge information. This application has full support for touch devices and you can use a long touch press to activate a context menu which allows you to expand or collapse a group node and jump in and out of groups.

If this demo runs on a servlet container that supports (at least) the Java Servlet Specification 3.0, custom GraphML files can be viewed in addition to the default example files.

Organization Chart Demo

The Organization Chart demo application shows how an interactive view for an organization chart can be created using yFiles AJAX.

The displayed graph is generated using an XML data model. The demo uses group nodes to visualize business units.

The user can switch between a global and a local view. In addition to the graph visualization, the data is represented in a tree view.

This demo application can be used with touch devices. However you should not use it on a touch device with a small display, such as a mobile phone, since it requires to much space. Also it is not advised to use the SVG-mode on a mobile device since the generated SVG is relatively big. You can use a double tap instead of a shift click on a touch device.

Organization Chart Editor Demo for Mobile Devices

The Organization Chart Editor demo is a web application that can be used on both touch devices and desktop computers. The demo provides navigation and editing gestures for an organization chart using mouse, touch and pinch gestures (pinch gesture support is available only on iOS devices and on Android version 3.2 or later).

Network Monitoring Demo

The Network Monitoring demo application shows how to use yFiles AJAX in combination with Ajax server polling functionality in order to visualize model state changes on the client.

This demo application provides full touch support.

Collapsible Tree

The Collapsible Tree application implements drill-down in a tree graph by collapsing and expanding subtrees. The server side is realized by a custom servlet.

This demo application provides full touch support.

Grouped Graph

The Grouped Graph application lets you open and close group nodes of a grouped graph and switch the display into an inner graph or back to the parent of an inner graph. This is another possibility for drill-down, which comes in handy for several applications. While collapsing and expanding subtrees is a specific drill-down method for trees, grouping works on any graph.

The group navigation features are also available in the Graph Viewer demo, but this demo additionally updates the layout of the graph incrementally, if group nodes are opened or closed.

The layout is a server side feature realized by the GroupedGraphServlet using yFiles for Java.

This demo provides full touch support. You can long touch press on a node or the paper to open a context menu that will allow you to perform all actions that are supported when using a mouse.

Graph Editor

The Graph Editor application demonstrates editing a graph, performing layouts, grouping nodes, downloading a graph and much more. The details are explained in the online help. The client side is realized by a custom Dojo widget.

This demo does not support touch input.

Swimlanes

The Swimlanes application demonstrates hierarchical layout with swimlanes.

You can reassign single nodes or groups of nodes to other lanes. This triggers an incremental layout of just those nodes. Crossing edges can be displayed with little bridges. The set of nodes which is reachable from a selected node can be displayed.

Essentially these are all features of yFiles for Java on the server, but the way they are handled/triggered demonstrates two features of yFiles AJAX: the action framework and the configuration of the server side views that are used for generating the bitmap tiles or SVG images of the graph.

This demo provides full support for touch devices.