JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <canvas id="container" width="500" height="500"></canvas>
</body>

JavaScript

var canvas = document.getElementById('container');
var context = canvas.getContext('2d');
context.beginPath();
context.moveTo(0, 300);
context.lineTo(100, 300);
context.lineTo(100,200);
context.lineTo(200,200);
context.lineTo(200,100);
context.bezierCurveTo(200,0,0,0,0,100);
context.closePath();
context.stroke();