UI Lab

    Radial bar chart variants

    Radial bar variants with rounded and thin ring options.

    Switch direction for RTL/LTR rendering.

    Install with:
    npx afnoui add charts/radial-bar/default
    RadialBarChart - Default

    Default

    215Total
    A60
    B45
    C80
    D30
    Install with:
    npx afnoui add charts/radial-bar/gradient
    RadialBarChart - Gradient

    Gradient

    215Total
    A60
    B45
    C80
    D30
    Install with:
    npx afnoui add charts/radial-bar/rounded
    RadialBarChart - Rounded

    Rounded

    215Total
    A60
    B45
    C80
    D30
    Install with:
    npx afnoui add charts/radial-bar/thin
    RadialBarChart - Thin

    Thin

    215Total
    A60
    B45
    C80
    D30