Data Visualisation Shapes

Architecture documentation often needs to convey quantitative information: system load, service distribution, migration progress, or performance metrics. The data visualisation shapes let you embed charts and data displays directly on the diagram canvas alongside your architecture content.

Pie and Donut Charts

Display proportional data with configurable segments. The donut variant adds an inner radius to create a ring shape, which is useful for placing a label or icon in the centre.

Gauge and Progress Ring

Display a single metric value against defined zones or a track.

Bar Chart and Stacked Bar

Compare discrete values with vertical bars or show composition with horizontally stacked segments.

Radar Chart

Display multi-dimensional data on a spider-web grid. Each axis represents a metric with its own value. Configure axis labels, values, fill opacity, fill colour, and the number of concentric grid levels.

Treemap and Heatmap Grid

Sparkline and Bubble Chart

Sankey Diagram

Visualise flow and transformation between two sets of nodes. Left nodes connect to right nodes via coloured flows whose width represents volume. Configure node values and colours on each side, then define flows specifying source index, target index, value, and colour.

Timeline

Display items on a horizontal timeline with rows. Each item has a start position, end position, row assignment, and colour. Timelines are useful for migration roadmaps, release schedules, or project phases shown alongside the architecture they describe.

Ring Segment

An individual arc segment that can be combined with other shapes to build custom circular visualisations. Configure start angle, end angle, inner radius, and fill colour. Unlike pie charts (which manage segments automatically), ring segments give you full manual control over positioning.