Skip to main content

Pie and radial

The Pie and radial family contains 12 renderer-backed chart variants. Use this page as the entry point for choosing the right variant, then open the variant page for the screenshot, data shape, Rust API notes, and example code.

The chart family is still ordinary Fission UI. Each variant is constructed from typed Rust data, participates in layout and theme decisions, and can be driven by app state, reducers, resources, jobs, or services just like any other widget.

Area rose screenshot

Variants

ChartData shapeUse when
Area roseLabel/value pairs with rose area mode.Use it when small values should remain visible.
Capacity gaugeOne bounded value.Use it for operational capacity panels.
Cyclic polar barsLabel/value pairs in polar coordinates.Use it for cyclical categories.
Device mix donutLabel/value pairs plus inner radius.Use it when the total belongs in the center of the chart.
Market share pieLabel/value pairs.Use it for small composition snapshots.
Nested-style donutLabel/value pairs plus inner radius.Use it when a central status label will be added by surrounding UI.
Presentation roseLabel/value pairs with rose radius mode.Use it for presentation views with few categories.
Radar profile AVec<Vec<f32>> metric profiles.Use it for capability or budget profiles.
Radar profile BVec<Vec<f32>> metric profiles.Use it when the profile shape matters.
Score gaugeOne label/value pair.Use it for health or readiness scores.
Two-level donutLabel/value pairs plus inner radius.Use it for compact composition summaries.
Wind polar lineAngle/radius samples.Use it for direction and magnitude data.

Choosing within this family

Start with the user's question, not the visual effect. Pick the simplest variant that makes the answer clear, add interaction only when it reduces work for the user, and keep animation purposeful enough that it explains a change rather than decorating the page.