New Graph
# of nodes:
Node Size:
Random Sizes: (<= 65)
Circular Nodes:
Graph is simple ring:
Min Links from Node:
Max Links from Node:
CircularLayout Properties
Radius: (along X axis; NaN or > 0)
Aspect Ratio: (1 is circular; > 0)
Start Angle: (angle at first element)
Sweep Angle: (degrees occupied; >= 1, <= 360)
Spacing: (actual spacing also depends on radius)
Arrangement:
Node Diameter: Pythagorean Circular
Direction:
Sorting: (use "Optimized" to reduce the number of link crossings)

For information on CircularLayout and its properties, see the CircularLayout 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

Circular Layout

This predefined layout is used for placing Nodes in a cirular or elliptical arrangement. 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