JSFiddle - React, Tailwind, and code Playground

HTML

<canvas width="1000" height="1000"></canvas>

JavaScript

const canvas = document.querySelector("canvas");
const ctx = canvas.getContext("2d");
const imagedata = new ImageData(100, 100);
const arr = new Uint32Array(imagedata.data.buffer);

const anim = async () => {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  // here I'll just make some noise in my ImageData
  for( let i = 0; i < arr.length; i++ ) {
    arr[i] = Math.random() * 0xFFFFFF + 0xFF000000;
  }
  // now to render it bigger
  const bitmap = await createImageBitmap(imagedata);
  ctx.imageSmoothingEnabled = false; // keep pixel perfect
  ctx.drawImage(bitmap, 0, 0, canvas.width, canvas.height);
  requestAnimationFrame(anim);
};
requestAnimationFrame(anim);