Próbuję pokazać tylko tekst węzła po najechaniu myszą. Po najechaniu myszką na węzeł mam krycie zmieniające się koło svg, ale pojawia się tylko tekst pierwszego węzła. Zorientowałem się, że jest to spowodowane tym, w jaki sposób używam elementu select, ale nie mogę zrozumieć, jak pobrać poprawny tekst dla węzła, na którym się znajdujemy. Oto, co mam obecnie.

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);