Heatmap Plot with probabilty distribution


I want to create a heatmap like plot. It should look a bit like the heatmap in the below picture.


On my X-Axis I want to have hourly time steps. On my Y-Axis I have probability distributions for each timestep. Specificall, I have 20 categories and the values of the probability distribution are the probabilities for each class. This means that for each time step I want 20 colored areas drawn, with higher probabilities colored differently than lower probabilities.
So the value of the cells in the heatmap are already in my data. I don’t really understand how I to use these values to create the heatmap, since the heatmap requires buckets as input. Also I didn’t really understand how the input data for the heatmap should be provided in general, and the documentation wasn’t really helping me to understand it better.

Is it possible to plot something like this with the visualization type heatmap if I don’t have buckets, but already have the values of the heatmap cells, or should I switch to another visualization?

Hi @derwolferl,

Welcome to the :grafana: community support forums !!

We are excited that you joined our OSS community. Please read about some of the FAQs in the community :slight_smile:

I am not too expert with Heatmap panel but if I found this blog on our website where it uses a different heatmap panel plugin i.e. “Hourly Heatmap Panel”

The main difference is that the Hourly heatmap panel plots the hours of the day along the Y axis, which is currently not possible with the built-in heatmap panel.

Here is the link to the blog. I hope this helps.

Thanks for your response!

I think an hourly heatmap would also work. At the moment I am doing a SQL-Request, that filters out the hourly values for every row that I have seperately. This works fine for me although the request was a little bit complicated with my data.

The best case scenario for me would be, to plot an time series as a line graph on top of it. To make this possible I’d need to stack 2 different visualizations on top of each other. I don’t think this is possible in Grafana but maybe you know a little bit more.