JSFiddle - React, Tailwind, and code Playground

CSS

.line {
    position: absolute;
    width: 1px;
    height: 500px;
    background-color: black;
    display: inline-block;
}

JavaScript

var i, x = 350, y = 100, prevX , prevY, k, degrees, points = 100;

for (i = 1; i < points; i++) {
    prevX = x;
    prevY = y;
    
	x = Math.cos(2 * Math.PI * i / (points - 1)) * 50 + 300;
    y = Math.sin(2 * Math.PI * i / (points - 1)) * 50 + 100;

    k = (y - prevY) / (x - prevX);
    degrees = Math.atan(k) * 180 / Math.PI;
    
    $(document.body).append('<div style="left: ' + x + 'px; top: ' + y+ 'px; transform: rotate(' + (degrees + 90) + 'deg);" class="line"></div>');
}