JSFiddle - React, Tailwind, and code Playground

HTML

<?xml version="1.0" standalone="no"?>
<svg width="250" height="250" version="1.1" xmlns="http://www.w3.org/2000/svg">

  <circle cx="50" cy="50" r="30" stroke="red" fill="transparent" stroke-width="5"/>  

  <circle id="point" cx="50" cy="50" r="5" stroke="blue" fill="blue" stroke-width="1"/>  
    
</svg>

JavaScript

function toRadians (angle) {
  return angle * (Math.PI / 180);
}

setInterval(function(){
    var deg = 360 - ((new Date().getSeconds() * 6) - 180);
    var x = 50 + ( Math.sin(toRadians (deg)) * 30 );
    var y = 50 + ( Math.cos(toRadians (deg)) * 30 );
    
    $("#point").attr("cy", y).attr("cx", x);
    
},1000);