IBCS templates

The components on this page reproduce the ibcs.com template set - the catalogue of standard chart and table layouts described by the IBCS notation, the basis of ISO 24896:2026, "Notation for business reporting". Each template carries a code (C01…C13 for charts, T01…T04 for tables); below, every chart code maps to the ibcs-react component that draws it, with a small live preview.

Every preview is a real component rendered with sample data at roughly 300×180px. Follow the component link under a card for the full page: more examples, the code and the prop table.

Chart templates

C01 · Stacked column charts

Vertical columns split into their parts - the composition of a total per period.

Component: StackedChart

C02 · Stacked bar charts

The same composition rotated: horizontal bars, so long category labels stay readable.

Component: StackedChart

C03 · Multi-tier column chart

Actual next to its comparison, with the absolute and relative variance stacked above as separate tiers.

Component: GroupedVarianceChart

C04 · Multi-tier bar charts

The horizontal reading of the same chart: grouped bars with the variance tiers as side-by-side panels.

Component: GroupedVarianceChart

C05 · Horizontal waterfall chart

Monthly actual against plan, with the period variances carried into a horizontal waterfall that bridges the gap for the year.

Component: ColumnVarianceWaterfallChart

C06 · Vertical waterfall chart

The bar counterpart: grouped rows on the left, a vertical waterfall on the right accumulating each row's contribution to the total variance.

Component: BarVarianceWaterfallChart

C07 · Line charts

A time series with its comparison scenario as a reference line - the standard trend reading.

Component: LineChart

C08 · Area charts

The same series with the area between actual and baseline filled, so the cumulative gap is the visible quantity.

Component: AreaChart

C09 · Scattergrams

Two measures against each other, one point per object, with iso-lines marking constant products or ratios.

Component: ScatterChart

C10 · Bubble charts

A scattergram with a third measure carried by the area of each mark.

Component: BubbleChart

C11 · Tree charts (calculation and ratio trees)

A ratio decomposed into its drivers, each node carrying its own small trend.

Components: RatioTreeChart · TreeChart

C12 · Vertical waterfalls

A result built from its add and subtract steps - the bridge from one figure to another.

Components: WaterfallChart · WaterfallStatementChart

C13 · Small multiples

One small chart per group, all on a shared scale, so the panels are directly comparable.

Component: MiniVarianceMultiples

Table templates

T01 · Table with hierarchical rows and variance columns

Rows of a hierarchy with their figures, then the variance against a base as an embedded bar plus a percentage pin.

Component: DataTable

The table codes have a page of their own: Table templates builds T01-T04 at full size, with the flanking layout, the multi-year profit and loss statement and the integrated statement.

C12 as an integrated statement

The vertical-waterfall idea also appears embedded in a financial statement: each line is a step in the running total, with its variance bars alongside.

Component: StatementTable

One model, every template

The same scenario-keyed values (AC / PY / PL / FC) feed all of these. Switching template is mostly a matter of choosing the component and its orientation, not reshaping the data - see The data model for the shape every component expects.

Where to next

• Table templates - T01-T04 at full size.
• Examples - the templates composed into complete dashboards.
• IBCS and ISO 24896 - the notation the templates encode.
• Components - the full reference.