JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <h1>
      Interface do usuario SVG em html
    </h1>
    <!-- Cria container SVG. -->
    <svg height="200" width="200">
      <!-- Cria a mão para clicar. -->
      <a xlink:href="" shape="rect"  >
      <!-- Cria o circulo. -->
      <circle cx="100" cy="100" r="50" fill="Salmon" id="ElementoCirculo" onclick="Meclick();"
      />
      <text x="70" y="100" font-size="20" fill="black">Melhorar </text>
    </a>
    </svg>
    <p>
      Clicar no circulo para aparecer texto.
    </p>
  </body>

JavaScript

function Meclick() {

        // Mostra texto.
        alert("Melhorar Para:");

      }