Layouts / Balloon Layout

Balloon Layout

This layout groups nodes into clusters.

Balloon Layout

This layout is useful for unstructured data - database schemas, mind maps, graphs, etc. For a given input graph the structure of the layout will always be the same, but this layout does not extend the Absolute layout, as the Spring layout does.


  • {number} padding Optional value to use as the padding between elements. Defaults to 50, which is taken to mean 50 pixels around each individual node/group.

toolkit.render({
  container:"someElement",
  layout:{
    type:"Balloon"
  }
});

A relayout will generate the exact same arrangement of nodes/groups, since this layout is deterministic. But any changes to node/group dimensions will be taken into account.


A refresh will generate the exact same arrangement of nodes/groups, since this layout is deterministic. But any changes to node/group dimensions will be taken into account.