JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/p5.min.js"></script>
         
<script>
  function setup() {
    createCanvas(300, 300);
    background(255);
    grille();
    angleMode(DEGREES);
    rotate(90);
    translate(50,0);
    strokeWeight(7);
    point(50,-50);
    
  }
  function grille() {
				stroke(color(100,100,100));
				let delta = 50
				for (let x = -width; x < width; x += delta) {
					line(x, -height, x, height);
					text(x, x+1, 12);
				}
				for (let y = -height; y < height; y += delta) {
					line(-width, y, width, y);
					text(y, 1, y+12);
				}
			}
</script>