Reveal patterns in a table of numbers through color intensity, chosen to keep the contrast in every theme.
Why it helps
- Intensity as color
- Contrast kept
- Compact
Where it fits
- Activity by hour
- Correlation tables
- Error rates
Example
<HeatmapChart Label="Visits by weekday and period" Rows="_rows" Columns="_columns" Data="_data" />
@code {
private readonly string[] _rows = ["Mon", "Tue", "Wed", "Thu", "Fri"];
private readonly string[] _columns = ["Morning", "Noon", "Afternoon", "Evening"];
private readonly double[][] _data =
[
[12, 30, 25, 8],
[15, 34, 28, 10],
[18, 40, 33, 14],
[14, 36, 30, 20],
[10, 28, 35, 42]
];
}A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.
Part of RayCraft Complete.