About yFiles AJAX
yFiles AJAX provides a basis for diagramming web applications. Its server side is based on the successful yFiles for Java library. The client side is realized in JavaScript™ with the Dojo toolkit. It uses the Ajax approach.
Why choose yFiles AJAX?
yFiles AJAX provides essential building blocks for web based applications that need to visualize and edit graphs, diagrams, or networks.
- No Browser Plugins. You do not need any browser plugin in the client side web browsers.
- Easy Deployment. Your yFiles AJAX application will run on any client once it is deployed to the server. Only a common web browser needs to be available on the client side.
- Web based graph viewing and editing. yFiles AJAX enables you to easily create web applications providing a similar user experience as regular desktop applications.
- SVG and Bitmap Modes. The yFiles AJAX client can use either bitmap tiles or SVG images for the diagram visualization.
- Touch Support. yFiles AJAX provides out-of-the-box support for touch navigation on iOS and Android devices.
- Benefit from our graph drawing software experience. All our expertise from the development of our other successful graph drawing products (yFiles for Java, yFiles.NET and yEd) was leveraged for the development of the yFiles AJAX APIs.
- Client API The yFiles AJAX client API provides callbacks for all kinds of mouse and touch events on graph nodes or edges and convenience classes to facilitate the creation of custom controller code.
- Server API The yFiles AJAX server API offers the infrastructure needed to easily extend the server capabilities.
Demo Applications
Use a modern browser with JavaScript and Cookies enabled in order to run the demos.
Although basic touch navigation is enabled in most demo applications, please note that only the Organization Chart Editor demo was created specifically for touch devices. The other demo applications were designed for desktop monitors and are therefore not suitable to be viewed on small screens (e.g. smartphones).
Touch Support Demo: Organization Chart Editor
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).
For details about the gestures supported by this demo, please see the demo's
help widget.
» launch demo
Graph Viewer
The Graph Viewer demo application demonstrates viewing a graph with zooming, panning, overview, and additional node and edge information.
Realizing a slightly simpler version of this application is described step by step in a yFiles AJAX tutorial.
Organization Chart
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.
Network Monitoring
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.
Collapsible Tree
Initially, a rooted tree with many nodes is loaded into the canvas. However, most of the nodes are not shown, because their subtrees are collapsed. The nodes are rendered with custom icons that indicate their current state. You can collapse or expand nodes. After an expand or collapse operation, the graph is redrawn using a configurable layout algorithm.
Realizing a slightly simpler version of this application is described step by step in a yFiles AJAX tutorial.
Grouped Graph
The Grouped Graph demo application presents the grouping support of yFiles AJAX. You can navigate into and out of the group nodes of a hierarchically organized graph using simple mouse clicks. Also, group nodes can be collapsed or expanded. Whenever group nodes are expanded or collapsed, a new incremental layout is calculated on the server and the graph is redrawn.
Graph Editor
With the
Graph Editor
demo application you can add new nodes and edges to a graph, move or delete nodes,
change node labels, apply a layout algorithm, download the current graph, etc.
For details see the online help of the application.
Swimlanes
The Swimlanes demo application shows the configuration of the server side views used for generating the image tiles or SVG export of the graph.
Documentation
- yFiles AJAX Developer's Guide (online)
- yFiles AJAX API documentation (online)
Commercial Information
Learn more about the terms and conditions for the commercial or academic use of yFiles AJAX:For ordering information and prices, please contact: sales@yWorks.com.
Evaluate yFiles AJAX
You can test and experience yFiles AJAX with a 30-day, fully functional evaluation version.
