Skip to main content

Monitoring

The Monitoring family contains 20 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.

Brush investigation screenshot

Variants

ChartData shapeUse when
Brush investigationScatter points and brush selection.Use it when incidents require selecting a point range.
Capacity gaugeOne capacity value in a bounded range.Use it for critical status cards.
Dependency graphService nodes and dependencies.Use it for operational topology.
Error scatterHighlighted error points.Use it for outlier-heavy operational views.
Load heatmapResource load matrix.Use it for time and resource concentration.
Monitoring 3D cloud3D point cloud of operational samples.Use it for dense spatial monitoring views.
Monitoring 3D grid3D grid bars for operational values.Use it for spatial operational demonstrations.
Monitoring annotationTrend with typed graphic callout.Use it when dashboards need explanatory context.
Monitoring error bandError values with threshold band.Use it when alert ranges must be visible.
Monitoring event stripEvent positions with value-coded marks.Use it for compact event timeline rows.
Monitoring overview lineDense telemetry samples.Use it for top-level operational dashboards.
Monitoring risk radarMultidimensional status vector.Use it for status summaries across dimensions.
Monitoring toolboxLine chart with analysis actions.Use it when charts need local analysis controls.
Monitoring traffic barsTraffic counts by category.Use it for quick categorical traffic summaries.
Operational flow sankeyFlow nodes and links.Use it for request and process flow.
Operational region mapRegion values with color scale.Use it for geographic operations.
Operational route linesConnection lines with effect markers.Use it for route and link movement.
Release timelineTimeline control over chart state.Use it for release-based dashboards.
Service rankServices ranked by a value.Use it to focus on the largest contributors.
Uptime calendarDaily uptime values.Use it for long-term reliability summaries.

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.