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.
Variants
Chart | Data shape | Use when |
|---|---|---|
Label/value pairs with rose area mode. | Use it when small values should remain visible. | |
One bounded value. | Use it for operational capacity panels. | |
Label/value pairs in polar coordinates. | Use it for cyclical categories. | |
Label/value pairs plus inner radius. | Use it when the total belongs in the center of the chart. | |
Label/value pairs. | Use it for small composition snapshots. | |
Label/value pairs plus inner radius. | Use it when a central status label will be added by surrounding UI. | |
Label/value pairs with rose radius mode. | Use it for presentation views with few categories. | |
Vec<Vec<f32>> metric profiles. | Use it for capability or budget profiles. | |
Vec<Vec<f32>> metric profiles. | Use it when the profile shape matters. | |
One label/value pair. | Use it for health or readiness scores. | |
Label/value pairs plus inner radius. | Use it for compact composition summaries. | |
Angle/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.
Authoring from a Fission component
Use this reference page as the chart expression inside ordinary Fission component conversion. The chart is a Widget, so it can sit inside a Card, Grid, Scroll, responsive page section, or any other layout container.
use fission::prelude::*;
use fission::charts::{Axis, Chart, LineSeries};
pub struct PieAndRadialChart;
impl From<PieAndRadialChart> for Widget {
fn from(_: PieAndRadialChart) -> Widget {
Chart::new()
.title("Pie and radial")
.x_axis(Axis::category(vec!["A", "B", "C"]))
.y_axis(Axis::value())
.series(vec![LineSeries::new("Series").data(vec![1.0, 2.0, 3.0]).into()])
.into()
}
}
Keep expensive data loading outside component conversion. A reducer, job, service, or server route should prepare the typed chart data, then the component should read that state and construct the chart deterministically.
Options, accessibility, and diagnostics
Area | What to decide | How to verify |
|---|---|---|
Data shape | Keep source rows in typed Rust structs, then map them into the series type shown in the example. | Unit test the mapping separately from rendering. |
Options | Choose axes, legends, labels, animation, and interaction based on the user's task. | Add a screenshot test when changing visual behavior. |
Accessibility | Provide a clear title and adjacent summary text for important trends or outliers. | Inspect the generated semantics and make sure the chart is understandable without color alone. |
Failure handling | Render an empty, loading, or error state before constructing the chart if data is unavailable. | Test empty data, partial data, and failed fetches. |
Performance | Prefer summarized or windowed data for very large datasets; keep full raw history in the data layer. | Profile frame time and interaction latency with representative data volumes. |
Fission
A cross-platform, GPU-accelerated user interface framework for Rust. MIT licensed.
Copyright (c) 2026 Fission
Ready to use today. Widget APIs are expected to remain stable; some runtime and shell APIs may change before 1.0.0.
Fission 0.7.0