Aggrid heatmap continuous color scale

[entropy_l]

Hi Dash Community team:

I read the example of heatmap on Aggrid table:

AgGrid heatmap cell renderer

Hello @mathman79, Welcome to the community! All you are doing is styling in the component, is that correct? Have you looked into conditionally styling the cells? var dagfuncs = window.dashAgGridFunctions = window.dashAgGridFunctions || {}; function rgbToHex(r, g, b) { return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1); }; dagfuncs.heatMap = function (props) { const min = props.colDef.cellRendererParams.min; const max = props.colDef.cellRendererParams.max;…

Is there a way to modify the example so we get can the heatmap color scale in a more smooth fashion? Something like this below:

Thanks you!

[jinnyzor]

Hello @entropy_l,

In order for a heat map to scale, you would need to increase the resolution, as it were. Basically have more data points per square inch.

Now, if you are talking about within the component itself, I’m sure there is a way to have a nice scale of colors.