In this demo, rectangular combos work alongside the sequential layout to deliver a clear overview of the network, its levels and connections.

Setting the adapt option to 'inCombo' preserves the sequential layout at the top chart level when the combo opens or closes.

Rectangular combos

Rectangular combos with grid arrangement are great for viewing large amounts of data at once. The items inside open combos are organised into a compact view that maximises the amount of instantly visible information.

Visualising connections

Using curved links in sequential layout can improve the readability of connections, especially for large charts with multiple connections between levels.

Combine them with features such as flow animation for additional highlight or to represent the flow in your data.

Another way to add detailed information is to use the chart.combo().reveal() function to keep underlying or important links visible. In this demo, the particularly suspicious computer and connection are both marked with a glyph and contrasting colour.

Key functions used:

• chart.combo().reveal()
• chart.combo().arrange()
• chart.foreground()
• chart.load()
• chart options 'combos'