JSFiddle - React, Tailwind, and code Playground

by rough cheap

HTML

<canvas class="theCanvas"></canvas>
<div id="status">
  X:<span id="x-axis"></span>&nbsp;
  Y:<span id="y-axis"></span>
</div>

CSS

.theCanvas {
  width: 100%;
  height:600px;
  background-color: #b6b6b6;
}