BarVarianceWaterfallChart

Entities ranked by impact: their AC bars on one side, the bridge of their absolute deviations on the other, framed by the previous-year and plan totals, with a relative deviation tier.

When to use

Explain a total movement by entity: who drove the gap from previous year to actual, sorted by impact, as a bridge - with the plan and previous-year totals framing it.

Example

import { BarVarianceWaterfallChart } from "ibcs-react";

<BarVarianceWaterfallChart
  title="Net sales by state - Q3 (AC vs PY/PL)"
  pyTotal={2071}
  sortBy="variance"
  data={[
    { label: "Illinois", ac: 169, base: 430, py: 457 },
    { label: "California", ac: 257, base: 300, py: 305 },
    { label: "Others", ac: 234, base: 217, py: 180 },
  ]}
/>;

base is the plan value and py last year's; passing pyTotal switches the chart into the PY → AC bridge mode where the deviations must add up to the gap between the two totals. pctBase picks which of the two the relative tier measures against.

Sorting by variance is the point - it puts the entities that moved the total at the top. Collect the long tail into an "Others" row so the bridge stays readable.

Props