UI Lab

    Sankey chart variants

    Sankey chart variants for flow analysis.

    Switch direction for RTL/LTR rendering.

    Install with:
    npx afnoui add charts/sankey/default
    SankeyChart - Default

    Default

    Inbound (120)Stage A (85)Stage B (95)Outbound (72)Returns (28)
    Install with:
    npx afnoui add charts/sankey/curved
    SankeyChart - Curved

    Curved

    Inbound (120)Stage A (85)Stage B (95)Outbound (72)Returns (28)
    Install with:
    npx afnoui add charts/sankey/gradient
    SankeyChart - Gradient

    Gradient

    Inbound (120)Stage A (85)Stage B (95)Outbound (72)Returns (28)