Skip to content

Heatmap

Heatmap panel - color-coded matrix visualization.

Use for visualizing distributions over time (like latency buckets).

<Heatmap
title="Request Latency Distribution"
scheme="Blues"
yAxisUnit="s"
>
sum(rate(http_request_duration_seconds_bucket[$__rate_interval])) by (le)
</Heatmap>
PropTypeDefaultDescription
scheme'Blues' | 'Greens' | 'Oranges' | ...-Color scheme
scale'linear' | 'log'-Scale type
yAxisUnitUnit-Y-axis unit

Inherits from BasePanelProps