Skip to main content

Hierarchy and flow

The Hierarchy and flow family contains 14 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.

Budget treemap screenshot

Variants

ChartData shapeUse when
Budget treemapNested value nodes.Use it for budget or storage breakdowns.
Circular-like graphGraph nodes plus edges.Use it for relationship overview surfaces.
Demand theme riverTime/value/category tuples.Use it for campaign or demand mix.
Dependency graphGraph nodes plus edges.Use it for dependency and topology diagrams.
Energy sankeyNode list plus edges.Use it for material, energy, or revenue flow.
File-system treeNested nodes with values.Use it for product and resource hierarchies.
Org treeNested nodes.Use it for organization and ownership charts.
Product sunburstNested value nodes.Use it for hierarchy depth and composition.
Radial taxonomyNested nodes.Use it when hierarchy symmetry matters.
Revenue sunburstNested value nodes.Use it for nested part-to-whole data.
Service graphGraph nodes plus edges.Use it for systems maps and service graphs.
Storage treemapNested value nodes.Use it for disk and memory allocation.
Traffic theme riverTime/value/category tuples.Use it for composition changing over time.
User-flow sankeyNode list plus edges.Use it for conversion path analysis.

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.