javascript-temperatureMap
javascript-temperatureMap copied to clipboard
Trippy gradient when drawing a heatmap based on very few values
Hello!
I'm contributing to an application that draws heatmaps based on some plotted values in a schematic representation of a greenhouse.
The problem I'm running into, however, is that when you have very small amount of values (as represented by the white circles with numbers) the heatmap becomes a little bit trippy and not very reliable.
It seems that every step between the 5 and 50 is shown by means of a gradient. It's quite logical, but not the effect I hoped to achieve. Besides, as you can see, the direction the gradient is taking is also not very logical or balanced. Therefore the heatmap becomes less reliable.
I hope you get what I'm saying!
Do you know anything I can do about it to make the heatmap more balanced and more smooth?
Thanks!
I edited the heatmap matrix to get the desired result.