DEMOS
DOCS
FEATURES
DOWNLOAD
PURCHASE
CONTACT
BLOG

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.

Parameters

  • padding Optional value to use as the padding between elements. Defaults to 50, which is taken to mean 50 pixels around each individual Node.

Example

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

Relayout

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

Refresh

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

Demonstration

  • See a simple demonstration of this layout here.