Hierarchy | Fission

Fission

Product

▾

Setup

›

The Hierarchy family contains 19 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
Alert correlation graph	Related alert nodes and links.	Use it for incident analysis.
Budget allocation treemap	Nested budget values sized by area.	Use it for budget share exploration.
Channel mix river	Channel values over time.	Use it to show mix changes without losing continuity.
Cost center treemap	Hierarchical values sized by area.	Use it for part-to-whole hierarchy analysis.
Customer journey graph	Relationship nodes and edges.	Use it when paths and relationships matter more than axes.
Customer segment sunburst	Nested customer groups by value.	Use it for segment hierarchy and share.
Energy balance sankey	Flow nodes and links.	Use it for transfer and loss diagrams.
Feature area sunburst	Nested values in radial layers.	Use it for hierarchical composition with depth.
File ownership tree	Nested file or team ownership nodes.	Use it for repository and ownership views.
Lead flow sankey	Nodes and directed weighted links.	Use it when movement between stages is the question.
Org revenue sunburst	Hierarchy values as radial rings.	Use it when hierarchy and whole composition both matter.
Platform module tree	Nested named nodes with values.	Use it for ownership and dependency hierarchy.
Platform topology graph	Platform nodes and dependency edges.	Use it for system overview screens.
Product taxonomy tree	Nested product categories.	Use it when users browse hierarchical structure.
Radial service tree	Nested nodes arranged radially.	Use it when a compact hierarchy is needed.
Resolution path sankey	Support stages as flow links.	Use it to analyze process movement.
Service dependencies	Nodes and links with values.	Use it to explain relationship topology.
Storage class treemap	Nested values by storage class.	Use it when area should communicate magnitude.
Support theme river	Stacked stream values by time and category.	Use it for shifting composition over time.

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 HierarchyChart;

impl From<HierarchyChart> for Widget {
    fn from(_: HierarchyChart) -> Widget {
        Chart::new()
            .title("Hierarchy")
            .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.

Variants

Choosing within this family

Authoring from a Fission component

Options, accessibility, and diagnostics

Fission

A cross-platform, GPU-accelerated user interface framework for Rust. MIT licensed.

Ready to use today. Widget APIs are expected to remain stable; some runtime and shell APIs may change before 1.0.0.

GitHub

Quickstart

Reference

Fission 0.7.0