JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<canvas id="myCanvas" width="500" height="500"> </canvas>
</body>

CSS

#myCanvas {
    width: 500px;
    height: 500px;
    border: 1px solid black;
}

JavaScript

$(function () {

var context = document.getElementById("myCanvas").getContext("2d");
	
	context.moveTo(0,0);
	context.lineTo(100,100);
	context.lineTo(100,100);
	context.lineTo(200,100);
	context.lineTo(300,150);
	context.stroke();
});