New Graph
MinNodes:
MaxNodes:
LayeredDigraphLayout Properties
Direction: Right (0) Down (90) Left (180) Up (270)
LayerSpacing:
ColumnSpacing:
CycleRemove: CycleDepthFirst CycleGreedy
Layering: LayerOptimalLinkLength LayerLongestPathSource LayerLongestPathSink
Initialize: InitDepthFirstOut InitDepthFirstIn InitNaive
Aggressive: AggressiveNone AggressiveLess AggressiveMore
Pack: PackMedian PackStraighten PackExpand
Align: AlignUpperLeft AlignUpperRight AlignLowerLeft AlignLowerRight
SetsPortSpots:

For information on LayeredDigraphLayout and its properties, see the LayeredDigraphLayout documentation page.

### GoJS Features in this sample

#### Collections

GoJS provides its own collection classes: List, Set, and Map. You can iterate over a collection by using an Iterator. More information can be found in the GoJS Intro.

Related samples

#### Layered Digraph Layout

This predefined layout is used for placing Nodes of a general directed graph in layers (rows or columns). This is more general than TreeLayout, as it does not require that the graph be tree-structured. More information can be found in the GoJS Intro.

Related samples

#### HTML Interaction

GoJS Diagrams can be used alongside other HTML elements in a webapp. For custom Text Editors, Context Menus, and ToolTips, which are invoked and hidden via GoJS tool operations, it is best to use the HTMLInfo class.

More information can be found in the GoJS Intro.

Related samples