I have a dash app that creates a heatmap with colors based on a color scale. So far so good.
Is it possible to change some of the cells background based on one of the hover values of that cell?
Monday the 13th should have a red bg color since “Last Minute” (hover value) is -10.
I see the running code of heatmaps creates 3 SVGs, one for cartesian layes for structure, one for main layers (with values in annotation tags) and one for hover layers, which is populated with hover info only on mouse hover (by some JS function I presume).
Example of void “hoverlayer”:
<svg class="main-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="991.602" height="450"><g class="hoverlayer"></g></svg>
Is it possible to have the “hoverlayer” to always contain all the values and manipulate them using JS and CSS?