JSFiddle - React, Tailwind, and code Playground

HTML

<canvas width="200" height="200" id="canvas1" style="width: 800px; height: 800px;">

JavaScript

var ctx = document.getElementById('canvas1').getContext('2d');
ctx.strokeStyle = 'black';
ctx.lineWidth = .5;
ctx.strokeRect(5.75, 5.75, 10, 20);

ctx.lineWidth = .75;
ctx.strokeRect(25.625, 5.625, 10, 20);

ctx.lineWidth = 1;
ctx.strokeRect(45.5, 5.5, 10, 20);

ctx.lineWidth = 1.5;
ctx.strokeRect(65.25, 5.25, 10.5, 20.5);

ctx.lineWidth = 2;
ctx.strokeRect(85, 5, 11, 21);