Показывать текст узла d3 только при наведении

Я пытаюсь показать только текст узла при наведении курсора. При наведении указателя мыши на узел у меня появляется прозрачность для круга svg, но отображается только текст для первого узла. Я'мы поняли, что это из-за того, как яЯ использую элемент выбора, но я могуне понять, как вытащить правильный текст для узла, который ям завис. Вот'с тем, что у меня сейчас есть.

node.append("svg:circle")
    .attr("r", function(d) { return radius_scale(parseInt(d.size)); })
    .attr("fill", function(d) { return d.fill; })
    .attr("stroke", function(d) { return d.stroke; })
    .on('mouseover', function(d){
        d3.select(this).style({opacity:'0.8'})
        d3.select("text").style({opacity:'1.0'});
                })
    .on('mouseout', function(d){
      d3.select(this).style({opacity:'0.0',})
      d3.select("text").style({opacity:'0.0'});
    })
    .call(force.drag);  

Ответы на вопрос(1)

Ваш ответ на вопрос