Chart Outputs
Configure chart output nodes to visualise your model data. Learn about the five chart types, 22 pre-built templates, source-level aggregates, and auto-capping behaviour in responsive rows.
Chart output nodes transform your model data into visual charts. They render using ECharts with an SVG renderer, producing crisp visualisations that work at any resolution. Charts can appear as standalone output blocks or inside responsive row cells.
Chart Types
Five chart types are available, each suited to different kinds of data:
| Chart Type | Best For | Example Use |
|---|---|---|
| Horizontal Bar | Comparing values across categories | Number of properties per entity |
| Vertical Bar | Showing trends or ranked values | Entity count by status |
| Stacked Bar | Showing composition within categories | Property types broken down by entity |
| Donut | Showing proportions of a whole | Distribution of field types across the model |
| Gauge | Showing a single value against a target | Percentage of entities with descriptions |
Adding a Chart Output
Pre-Built Templates
The 22 templates are organised by chart type. Each template pre-configures the data mapping, labels, and colour scheme for a common scenario. You can customise any template after applying it - the template simply provides a starting point.
Source-Level Aggregates
Charts often need to aggregate data before displaying it. Source-level aggregates let you define how values are combined:
Aggregates are configured at the source level in the chart configuration panel. The chart engine resolves them during publishing, so the viewer receives pre-computed values.
Auto-Capping in Responsive Rows
When a chart appears inside a responsive row cell, the chart engine automatically caps the number of displayed items at 10. This prevents charts in constrained spaces from becoming unreadable. Items beyond the cap are grouped into an "Other" category.