JS-ARAC
Interactive
Layout Demo
Exhibition of
Types and
Combinations

Special
Layout Demos

Tutorial

Contact
Tree Layout Flow Layout Force Layout Grid Layout
Generate Graph
Animate Graph
Number of Nodes
Clear Drawing
Duration
Graph Drawing
Layout Properties
This is a short introduction into the interactive Layout Demo of the JS-ARAC Graph Drawing library. This is done shortly because the essential functionality is explained in three steps. But please read this first, since the introduction disappears when a graph is generated. 1st please generate a new graph by clicking on the icon in the section 'Generate Graph'. 2nd please choose the layout category and type you like and apply it by clicking on the corresponding icon. Categories are changed by a click on the category name. 3rd you can change the constraints of the selected layout type in the section 'Layout Properties' on the right side. Corresponding controls will appear after layout type selection.