Добавление title в SVG средствами JS

Это в данном вопросе без разницы, как вы добавляете svg в HTML.
Если вы добавляете файл svg, через object, то потом будете использовать элементы svg внутри HTML странички через команду use

Главное, чтобы, код реализующий title svg был рабочим. А каким способом вы его добавите не имеет значения. Либо в самом файле svg, либо динамически c помощью JS

Чтобы тултип срабатывал необходимо его разместить внутри тега группы <g>

Пример создания svg tooltip. Удерживайте курсор на фигурах до появления тултипа

<meta charset="utf-8"> 
<svg  width="50%" height="50%" viewBox="0 0 400 400"> 
<g id="titleRect"> 
<title> Это зеленый квадрат </title> 
<rect id="rect1" x="10" y="100" width="100" height="100" fill="yellowgreen" />  
</g> 
 
<g id="titleCircle"> 
<title> Это пурпурный круг  </title> 
<circle id="circle1" cx="200" cy="150" r="50"  fill="purple" />  
</g> 
 
 
</svg>

Добавление svg файлов в HTML:

<object type="image/svg+xml" data="image.svg" width="200" height="200" >
   Your browser does not support SVG
</object>   

Другие способы добавления svg в HTML