Information-heavy tiered data, such as cloud infrastructures, can be difficult to visualise in a way that's understandable at a glance.

Rectangular combos with sequential arrangements provide a clear, explorable and space-efficient view.

You can drill down into any issues highlighted in the infrastructure by opening combos, and tracing an attack path across all affected components.

Styling rectangular combos

You can style open rectangular combos in various ways to fit perfectly into your application such as rounding corners, as described in Node shapes and sizes.

To reduce the information load on child nodes, you can add multiple text or font icon labels to the combos themselves; see Advanced combo styling.

Sequential arrangement inside combos

Using a sequential arrangement inside combos can help by revealing more of the hierarachy as you open combos. This arrangement also fits efficiently into rectangular combos using the space well.

Link shape

Angled links reflect the tree-like structure of the data, and help you visualise relationships more clearly. In addition, some links stand out by being curved, using their linkShape property.

Key functions used:

• chart combo functions
• chart.hide()
• chart.ping()
• chart.foreground()
• chart.setProperties()
• chart options 'combos'
• Annotations API