Automatic layouts

JointJS+ provides several plugins that enable automatic layouts within diagrams. Directed Graph, Force Directed, Stack, Grid, and Tree layouts are all covered when working with JointJS+.

Directed graph

Directed Graph package provides automatic layout of directed graphs. This package uses the open-source (MIT license) Dagre library internally.

Force directed layout

ForceDirected class in the layout namespace implements automatic layouts for graphs using a force-directed approach. This is useful for, usually larger, undirected graphs.

Grid layout

Grid layout implements automatic layouts for graphs. This is useful in many scenarios, one of them being e.g. automatically positioning elements in Stencil.

Stack layout

Stack layout automatically rearranges elements into stacks. This is useful in many scenarios, for example in creating kanban-styled diagrams or yamazumi charts.

Tree layout

layout.TreeLayout is a layout algorithm for tree-like graphs. It's great for displaying org charts, mind maps, class hierarchies and other tree structures.