JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="drawing"></canvas>

JavaScript

// Relative drawing

var canvas = document.getElementById("drawing");
context = canvas.getContext("2d");

// p.size(400, 400);
canvas.width = 400;
canvas.height = 400;

// Think τ! https://www.khanacademy.org/math/vi-hart/v/pi-is--still--wrong
var TAU = Math.PI * 2;

// Move (0, 0) to center
context.translate(canvas.width/2, canvas.height/2);

for (var i = 0; i<360; i++) {
    
    context.fillStyle = "hsl("+i+", 100%, 50%)";
    
    context.fillRect(0, 0, 1, 190);
    // One degree
    context.rotate( TAU/360 );
}