const stripWidth = 5.625;

const stripHeight = stripWidth * 10;

const a = [6, 18, 10, 21, 13, 37, 25, 30, 34, 46, 41, 78, 78, 69, 73, 49, 54, 61, 66, 81, 137, 133, 150, 157, 154, 161, 142, 145, 93, 97, 109, 102, 106, 114, 117, 121, 126, 130, 86, 90, 217, 222, 233, 226, 229, 238, 241, 213, 198, 202, 210, 205, 166, 170, 173, 181, 178, 190, 193, 185]

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(255);

​

  a.forEach((n, i) => {

    const binary = n.toString(2) + '11';

    const values = `${'0'.repeat(len - binary.length)}${binary}`

    const lineHeight = stripHeight + 10

    const lineWidth = len * stripWidth * 4 + 30

    const perLine = Math.floor(height / lineHeight)

    const originX = Math.floor(i / perLine) * lineWidth;

    const originY = (i % perLine) * lineHeight;

    fill(0);

    noStroke()

​

    for (let j = 0; j < values.length; j++) {

      const value = values[j]; // "1" | "0"

      let x = originX + j * stripWidth * 4

      let y = originY;

      let w = stripWidth;

​

      if (value == '1') {

        w = stripWidth * 3;

        x -= stripWidth;

      }

      rect(x, y, w, stripHeight)

    }

​

​

  })

​

}

​

function draw() {

​

}