JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<canvas id="myCanvas" width="200" height="100">
</canvas>
</body>

JavaScript

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(10,30);
ctx.lineTo(10,10);
ctx.lineTo(20,20);
ctx.lineTo(30,10);
ctx.lineTo(30,30);
ctx.moveTo(47,10);
ctx.lineTo(35,10);
ctx.lineTo(35,30);
ctx.lineTo(47,30);
ctx.moveTo(35,18);
ctx.lineTo(47,18);
ctx.moveTo(52,32);
ctx.lineTo(52,10);
ctx.arc(52,17,8,1.5 * Math.PI, 0.5 * Math.PI);
ctx.moveTo(57,22);
ctx.lineTo(62,32);
ctx.moveTo(65,10);
ctx.lineTo(75,30);
ctx.lineTo(85,10);
ctx.moveTo(90,10);
ctx.lineTo(90,30);
ctx.moveTo(90,10);
ctx.lineTo(90,30);
ctx.moveTo(95,30);
ctx.lineTo(95,10);
ctx.lineTo(108,30);
ctx.lineTo(108,10);
ctx.stroke();