Mini Charts

Compact chart visualizations for displaying statistics. Three types: sparkline, ring, and bar. Sparkline Ring Bar

Sparkline

Color Variants

Ring (Circular Progress)

Ring Sizes

Bar (Comparison)

Dashboard Example

Edge-to-Edge Cards

Chart fills the card with a header section inside. No padding on chart area.

Usage

Theming

Override these keys under uiKit.miniChart in a product layer's app.config.ts — see Theming on the UI Kit overview page.