Heatmap

2D color grid for visualizing density, frequency, or intensity data.

Basic Usage

<HelixHeatmap TItem="HeatmapPoint" Data="@data"
              XField="@(d => d.Day)" YField="@(d => d.Hour)"
              ValueField="@(d => d.Count)"
              Height="300" Width="700" />

Color Scale

<HelixHeatmap LowColor="#f1f5f9" HighColor="#2563eb" ... />
<HelixHeatmap LowColor="#fef2f2" HighColor="#dc2626" ... />

Parameters

ParameterTypeDefaultDescription
XFieldFunc<T, string>Column category
YFieldFunc<T, string>Row category
ValueFieldFunc<T, double>Cell value
LowColorstring#f1f5f9Color for minimum value
HighColorstring#2563ebColor for maximum value
ShowValuesboolfalseShow values in cells