# Heatmap-style chart of data organized as columns per timestamp

**URL:** <https://community.grafana.com/t/heatmap-style-chart-of-data-organized-as-columns-per-timestamp/67622>\
**Category:** InfluxDB\
**Tags:** panel, heatmap, plugins\
**Created:** [June 23, 2022, 9:16am UTC](https://community.grafana.com/t/heatmap-style-chart-of-data-organized-as-columns-per-timestamp/67622 "2022-06-23T09:16:33Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![wolfganggeithner](https://avatars.discourse-cdn.com/v4/letter/w/6de8d8/32.png) [@wolfganggeithner](https://community.grafana.com/u/wolfganggeithner)\
**Post date:** [June 23, 2022, 9:16am UTC](https://community.grafana.com/t/heatmap-style-chart-of-data-organized-as-columns-per-timestamp/67622/1 "2022-06-23T09:16:33Z")

</div>

I have data inserted every 200ms into an Influx-DB. Each Iinflux-“point” (=dataset/row) comprises 1024 influx-“fields” (=columns) with floating point values. I want to display this data in a heatmap-style chart. Instead of aggregating the data from the many fields into a histogram telling me the frequency of the values, I want to visualize the 1024 values per timestamp in a way that the color code represents the numeric value in a “cell” instead of a frequency.

How can I do this? I hope it became clear what I want…

---

<div class="post-metadata">

**Author:** ![yosiasz](https://sea2.discourse-cdn.com/grafana/user_avatar/community.grafana.com/yosiasz/32/45847_2.png) [@yosiasz](https://community.grafana.com/u/yosiasz)\
**Post date:** [June 23, 2022, 2:44pm UTC](https://community.grafana.com/t/heatmap-style-chart-of-data-organized-as-columns-per-timestamp/67622/2 "2022-06-23T14:44:58Z")

</div>

can you please provide sample data? inline csv would be nice

like this here

> [@Nvidia GPU State Timeline](https://community.grafana.com/t/nvidia-gpu-state-timeline/67587/3):
>
> Sure #group,false,false,true,true,false,false,true,true,true,true,true,true,true,true #datatype,string,long,dateTime:RFC3339,dateTime:RFC3339,dateTime:RFC3339,long,string,string,string,string,string,string,string,string #default,\_result,,,,,,,,,,,,, ,result,table,\_start,\_stop,\_time,\_value,\_field,\_measurement,compute\_mode,host,index,name,pstate,uuid ,,0,2022-06-22T13:01:22.119642866Z,2022-06-22T16:01:22.119642866Z,2022-06-22T14:06:30Z,30,fan\_speed,nvidia\_smi,Default,dlap-4000,0,Quadro RTX 4000,P…

---

<div class="post-metadata">

**Author:** ![boazreicher](https://avatars.discourse-cdn.com/v4/letter/b/e5b9ba/32.png) [@boazreicher](https://community.grafana.com/u/boazreicher)\
**Post date:** [July 2, 2022, 12:15pm UTC](https://community.grafana.com/t/heatmap-style-chart-of-data-organized-as-columns-per-timestamp/67622/3 "2022-07-02T12:15:37Z")

</div>

Take a look at the [Mosaic Plot](https://grafana.com/grafana/plugins/boazreicher-mosaicplot-panel/) plugin. I think it matches your use case