Как сделать так, чтобы при наводке на кружок всплывал текст | svg

[![Как сделать, чтобы было также][1]][1]

function createSeat(x, y, row, col) {
           const seat = document.createElementNS("http://www.w3.org/2000/svg", 'circle');
           const group = document.createElementNS('http://www.w3.org/2000/svg', 'g');

           seat.setAttribute('cx', x);
           seat.setAttribute('cy', y);
           seat.setAttribute('r', '7');
           seat.setAttribute('fill', 'gray');
           seat.setAttribute('data-coords', row + " " + col);

           seat.classList.add('seat');
           group.appendChild(seat);
           cinemaHall.appendChild(group);




<svg id="cinema-hall" width="1000" height="600" viewBox="0 0 1000 800" xmlns="http://www.w3.org/2000/svg">

</svg>

> 


 [1]: https://i.stack.imgur.com/RueP3.png