morpheus.js icon indicating copy to clipboard operation
morpheus.js copied to clipboard

heatmap grid artifact on large data

Open mxposed opened this issue 1 year ago • 0 comments

Hello,

Thank you so much for this amazing tool. Have you encountered and possibly found a solution to the following drawing artifact on the heatmap canvas?

Screenshot 2024-07-23 at 2 39 30 PM

The dimensions of my data are (217, 516)

I researched this briefly, it seems like for the heatmap the only calls on canvas are fillRect and they don't draw strokes. However, with floating point widths and positions this is just an artifact of canvas rendering. I am using Firefox, but also confirmed this in Chrome. Rounding coordinates and width to integers removes the lines.

mxposed avatar Jul 23 '24 19:07 mxposed