Charts - Heatmap Playground

Interactive playground for heatmap charts to experiment with props and configuration live.

#Usage

import { ChartHeatmap, ChartSvg, ChartTooltip, ChartXAxis, ChartYAxis } from '@primeui/vue-chart';
<ChartSvg>
    <ChartHeatmap :data="data" category-x-field="day" category-y-field="window" value-field="tickets" />
    <ChartXAxis />
    <ChartYAxis />
    <ChartTooltip />
</ChartSvg>

Use the playground to test color ranges, labels, cell styling, and axis visibility. Use the examples when null handling or color-scale interpretation matters.

#Playground

Loading Demo...