yFiles Tutorial View Demos

The following tutorial view demos are in this package:

Package Description
demo.view.realizer The contained tutorial demos describe how to use, customize, and extend diverse NodeRealizer and EdgeRealizer classes.
demo.view.viewmode Shows how to use, customize, and extend diverse ViewMode classes. View modes provide the base functionality to handle mouse-based interaction that happens in a view.
demo.view.application Shows how to use application features like drag and drop, print previewing, clipboard functionality, and undoability. Also, local views are presented, swimlane support, and searching in a graph.
demo.view.hierarchy These demos show how to write applications that can manage a hierarchy of nested and grouped graphs. Predefined actions are used that perform navigational and structural tasks on the graph hierarchy. Furthermore, creating customized actions is presented as well.
demo.view.anim Contains demos that center around the diverse animation effects that can be applied to graph elements and to graph views.
demo.view.rendering Centers around advanced rendering aspects of the graph view. It is shown how to use auxiliary rendering classes Drawable, BackgroundRenderer, and BridgeCalculator.
demo.view.advanced Shows advanced features like using a model graph and having multiple different views on it, or temporarily preventing parts of a graph from being editable.
Also, contains a demo that employs special nodes with a fixed set of allowed connection points (known as ports).
demo.view.orgchart Extensive demo application that presents an organization chart in a visually rich manner.
Many aspects of yFiles are demonstrated, for example, realizer and view mode customization, or animations. Implementation of the demo's features, like level of detail (LoD) rendering, or synchronization between a business model and the graph structure using yFiles is shown in detail.
demo.view.networkmonitoring Extensive demo application that presents a simple network monitoring tool.
Demonstrates how to visualize state changes in the monitored network in an animated fashion.
demo.view.uml Extensive demo application for creating and editing UML class diagrams.
Demonstrates advanced methods for user interaction through controls embedded in node realizers as well as overlay controls that are shown when the mouse is moved over an UML node.
demo.view.isometry Extensive demo application that displays graphs in an isometric fashion to create the impression of a 3-dimensional view.
demo.view.mindmap Extensive demo application that presents a basic, yet powerful mind map editor. Aside from mind map typical editing features, import from and export to FreeMind's native XML format is supported.
The design follows the suggestions of Tony Buzan, the inventor of mind maps.
demo.view.flowchart Simple flowchart editor application that comes with a large set of flowchart symbols and a reusable palette component.
demo.view.entityrelationship Simple entity relationship editor application that comes with entity relationship symbols for both Chen and Crow's Foot notation as well as a reusable palette component.
demo.view.graphexplorer Demo application that demonstrates a model-view based approach for interactive exploration of graphs that are too large to have all their elements displayed at once.
demo.view.applet Features a self-contained demo setup that shows how to deploy yFiles-based applications as Java applets inside a web browser.
Class Description
demo.view.SimpleDemoSimple "Hello World" Demo
demo.view.BuildGraphDemoShows how to build a Graph2D with different node types and styles
demo.view.ViewActionDemoDemonstrates some actions that can be performed on the view or the contents of the view

Running the Demos

From Within an IDE

Set <yFilesDir>/src as your source directory. Then add <yFilesDir>/lib/y.jar and the source folder <yFilesDir>/src to your classpath. Now you should be ready to compile and run all executable demo classes.

With Ant

First make sure you have the build tool Ant installed on your system. Now you can use the demo build script build.xml located in <yFilesDir>/src/demo to launch each demo by specifying its simple class name as a target. Alternatively, launch the interactive demo driver by specifying run as target to conveniently access all demos.