Heatmap
The Heatmap 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.
Variants
| Chart | Data shape | Use when |
|---|---|---|
| Access matrix | Permission-like matrix values. | Use it for dense access and security matrices. |
| Availability window | Grid values representing availability. | Use it to compare uptime windows. |
| Commit activity calendar | Date/value pairs over a calendar range. | Use it to show daily activity patterns. |
| Correlation grid | Grid of pairwise values. | Use it for correlation-like analysis. |
| Daily retention calendar | Date/value pairs for retention events. | Use it to scan day-level consistency. |
| Daily sales calendar | Daily sales values over a date range. | Use it when weekday and date position matter. |
| Density visual map | Dense grid with continuous color scale. | Use it for density and occupancy surfaces. |
| Deployment hour heatmap | Grid coordinates with numeric intensity. | Use it to find concentration by hour and day. |
| Feature usage heatmap | Feature/category values on a two-dimensional grid. | Use it to find usage hotspots. |
| Incident volume calendar | Daily incident counts over a date range. | Use it when the calendar shape carries meaning. |
| Load grid visual map | Numeric grid values mapped to color. | Use it when color should explain intensity. |
| Quality gates calendar | Daily quality values. | Use it for quality gate consistency over time. |
| Queue depth matrix | Queue depth by queue and time bucket. | Use it for operational queues. |
| Regression risk matrix | Risk values by component and area. | Use it before releases to focus attention. |
| Release burndown calendar | Daily values across a release period. | Use it for calendar-driven delivery views. |
| Resource saturation | Resource and time values on a matrix. | Use it for infrastructure saturation. |
| Service risk matrix | Larger matrix of risk values. | Use it when dense matrix comparison matters. |
| Support load heatmap | Two-dimensional grid cells with values. | Use it for workload concentration. |
| User activity calendar | Date/value activity pairs. | Use it to show consistency and spikes over time. |
| Visual map build calendar | Daily build values with a color scale. | Use it when calendar and intensity both matter. |
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.