If the illustration below is meant to show multiple layers then I'd consider annotating the axes. At least to me it's not immediately apparent how the image correlates to "every tile is covered by two tiles above it"
Tbh, I'm still not convinced that the illustration meaningfully adds to my understanding. I would consider only showing pairs of layers and flipping the axes, but the interactive chart further blow might still do a better job at conveying the idea.
When working with ImageData you need to pass a devicePixelRatio of 1 to DOM.context2d to disable scaling, although I'd recommend to just create the canvas and context yourself instead.