UI Lab

    Waterfall chart variants

    Waterfall variants for cumulative increase/decrease analysis.

    Switch direction for RTL/LTR rendering.

    Install with:
    npx afnoui add charts/waterfall/default
    WaterfallChart - Default

    Default

    +100Start+45Sales-20Returns-10Discounts+30Net
    Install with:
    npx afnoui add charts/waterfall/colored
    WaterfallChart - Colored

    Colored

    +100Start+45Sales-20Returns-10Discounts+30Net
    Install with:
    npx afnoui add charts/waterfall/stacked
    WaterfallChart - Stacked

    Stacked

    +100Start+45Sales-20Returns-10Discounts+30Net
    Install with:
    npx afnoui add charts/waterfall/bridge
    WaterfallChart - Bridge

    Bridge

    +100Start+45Sales-20Returns-10Discounts+30Net