ibcs-react

Overview

Zero-dependency React components for IBCS business communication.

ibcs-react is a zero-dependency React charting library for business communication in the IBCS® notation - the basis of ISO 24896. Variance columns, waterfalls, statement tables, small multiples, dashboards and whole reports: printable, self-explanatory, and consistent by construction.

Net sales - AC vs PY, mEUR92Q187Q296Q3101Q4+5-2+6+6
Net sales - AC vs PY, mEUR - data table
ACPYΔPYΔPY%
Q19287+5+6.2%
Q28789-2-2.0%
Q39690+6+6.9%
Q410195+6+6.8%
npm install ibcs-react
import { VarianceColumnChart } from "ibcs-react";

<VarianceColumnChart data={[{ category: "Q1", AC: 92.1, PY: 86.7 }]} width={640} height={320} />;

Where to go next

  • Getting started - install, first chart, sizing.
  • Components - every chart and table with live examples and prop tables generated from the source types.
  • Playground - configure charts live in the browser.

Getting started

Install ibcs-react, render your first IBCS chart, and learn how sizing and client rendering work.

Nibelung
Nibelung
Built on IBCS notation · ISO 24896:2026
ibcs-react is an independent open-source library and is not affiliated with, certified by, or endorsed by the IBCS Association or ISO. It follows the IBCS® notation rules (the basis of ISO 24896); IBCS® is a registered trademark of the IBCS Association.

On this page

Where to go next