JSFiddle - React, Tailwind, and code Playground

by Boba Poshtar

JavaScript

ctx.strokeStyle = '#000';
			ctx.lineWidth = 3;
			ctx.beginPath();
			// Y
			ctx.moveTo(90, 90);
			ctx.lineTo(100, 70);
			ctx.lineTo(110, 90);
			ctx.moveTo(100, 70);
			ctx.lineTo(100, 920);
			// X
			ctx.lineTo(1900, 920);
			ctx.lineTo(1880, 910);
			ctx.moveTo(1900, 920);
			ctx.lineTo(1880, 930);
			ctx.font = 'italic 70px Courier';
			ctx.fillText('n', 20, 60);
			ctx.fillText('t', 1920, 970);
			// 100
			ctx.font = 'normal 40px Courier';
			ctx.moveTo(100, 150);
			ctx.lineTo(80, 150);
			ctx.fillText('100', 4, 160);
			// 0
			ctx.moveTo(100, 920);
			ctx.lineTo(80, 920);
			ctx.fillText('  0', 4, 930);
			ctx.closePath();
			ctx.stroke();