JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id='render' width='256' height='256'></canvas>

CSS

#render {
    border: 1px solid #000;
}

JavaScript

var canvas = document.getElementById('render');
var ctx = canvas.getContext('2d');

// step of 15 degrees in radians
var step = 5 / (180 / Math.PI);

for(var i = 0; i < Math.PI * 2 / step; i += 2) {
    var a = i * step;
    ctx.beginPath();
    ctx.arc(canvas.width / 2, canvas.height / 2, canvas.width / 2 - 8, a, a + step, false);
    ctx.stroke();
}