JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://calebevans.me/projects/jcanvas/resources/jcanvas/jcanvas.js"></script>

<canvas id="canvas"></canvas>

JavaScript

$('canvas').attr('width',400);
  $('canvas').attr('height',500);
  var pixmap=new Object();
  pixmap[2]=new Object();
  pixmap[2][1]=1
  pixmap[2][2]=1
  pixmap[2][3]=1
  pixmap[2][4]=1
  pixmap[2][5]=1
  pixmap[2][6]=1
  draw();
function draw() {
  $('canvas#canvas').clearCanvas();
  for(var pixX in pixmap) {
    for(var pixY in pixmap[pixX]) {
      switch(pixmap[pixX][pixY]) {
        case 1: var pixColor='gray'; break;
        case 2: var pixColor='black'; break;
        default: var pixColor='forestgreen'; break;
        }
      $('canvas#canvas').drawRect({
        fillStyle: pixColor,
        width: 2, height: 2,
        x: pixX, y: pixY,
        fromCenter: false
        });
      }
    }
}