JSFiddle - React, Tailwind, and code Playground

HTML

<h1> test </h1>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
   <circle cx="168" cy="179" r="59" fill="red" />
</svg>

CSS

circle:hover
  {
    stroke-width:10px;
  }

circle:hover
  {
    height: 120%;
    width: 120%;
  }

JavaScript

$(function () {
  $("svg circle").on("mouseenter", function () {

    var oldR = $(this).attr("r");
    
    var newR = (((oldR*2)/100)*120)/2; // 120% width
    
    $(this).attr("r", newR);
    
  });
});