Comparison Lens Block
Side-by-side dual visualisation for comparing two related datasets, architectures, or approaches. Each side renders independently with a shared comparison axis.
The Comparison Lens block splits the visualisation area into two panels, each displaying its own set of items. A shared vertical or horizontal axis provides the comparison baseline, making it straightforward to see differences and similarities between two datasets, architectures, or approaches at a glance.
Each side can use bar charts, node graphs, or simple item lists, depending on the comparison type selected. Matched items across the two sides are connected with lines to highlight correspondences.
When to Use
Configuration
The following properties control the overall comparison layout.
| Property | Type | Description |
|---|---|---|
| Title | Text | Optional heading displayed above the visualisation. |
| Subtitle | Text | Optional secondary text below the title. |
| Left Panel Label | Text | Heading for the left side of the comparison. |
| Right Panel Label | Text | Heading for the right side of the comparison. |
| Comparison Type | Select | Choose between Bar Chart, Node Graph, or Item List for how items are rendered on each side. |
| Axis Orientation | Select | Vertical (left/right split) or Horizontal (top/bottom split). Defaults to Vertical. |
| Accent Colour (Left) | Colour | Primary colour for the left panel items and highlights. |
| Accent Colour (Right) | Colour | Primary colour for the right panel items and highlights. |
| Show Match Lines | Toggle | Draw connecting lines between matched items on each side. Defaults to true. |
| Background | Colour | Background colour of the visualisation area. Defaults to transparent. |
Per-Item Fields
Items are added to either the left or right panel. Each item has these fields.