Drawing rectangles on a squared canvas in a specific windowed sequence in Javascript

Question

This is a question regarding the visualization of encoded string data on a canvas. There is a squared canvas can of dimensions that change depending on the inpu