как показать всплывающие подсказки jquery подсказки относительно узла в сворачиваемом графическом дереве svg?

Я попытался показать всплывающую подсказку для собираемого древовидного графика при наведении курсора на узел, но всплывающие подсказки не отображаются относительно узла. Он отображается в левом верхнем углу браузера, а не относительно узла. Как отображать всплывающие подсказки относительно узла при наведении курсора мыши на узел. Мой код следующий

var nodeEnter = node.enter().append("g")
      .attr("class", "node")    
      .attr("transform", function(d) { return "translate(" + source.y0 + "," + source.x0 + ")"; })
      .on("click", click)
      .on("mouseover", mouseover)
      .on("mouseout", mouseout); 


function mouseover(d) {
    name = d.name;
    $('svg circle, svg image').tipsy({
        fade: true,
        html: true, 
        gravity: 'w', 
        title: function(d) {
            return 'Hi there! node'; 
        }
    });
}

Пожалуйста, попробуйте помочь мне показать всплывающие подсказки относительно узла (круг). Спасибо