Hi all,

in short, I am looking for best practices on visualizing (and maybe animating) specific data inside a phoenix app as a 3d chart.

Some background:
I am currently working on a prototype for a status and logbook portal for our waste incineration plant. This will aggregate metrics and logs from our OT systems and store them in Grafana Mimir and Loki via different interfaces (PromEx, AMQP, OpenTelemetry…)

The task I am currently chewing on:
Visualize imbalances in heat distribution inside the incineration boilers. This hints to the perfect time for a maintenance shutdown and scheduling of an explosive pressure wave cleaning (the process creates a really hard crust of salts and other remains) of the boiler internals.

Data structure:
The boiler data is built of positional temperature values in a 6X10x4 matrix and a 6x3x2 matrix for the funnel, that gathers lose salts. These values can be converted to RGB values by thresholds.

I already looked at chart.js and vega-lite, but the nearest thing would be a vega-lite geoshape, which I think is hard to set up for my case, or several heatmaps, that had to be skewed in order to resemble at least a bit of the boiler structure:

heat_distribution431×321 3.52 KB

An additional task would be, to be able to switch through the last 90 days or so (which I think could be “easily” done with vega-lite controls.

Has anyone built something similar already and could hint me in the right direction, which approach and tooling would be the most efficient for the visualization? Or has anyone realized this with less effort in Grafana itself, so the charts could be embedded?

Best regards
Marcel