d3.js - D3 使用時に追加テキストが表示されない

Question

このテキストをマウスオーバーで表示しようとしていますが、機能していません。誰か洞察を与えることができますか? ドキュメントには複数の円があり、それぞれにマウスオーバー時に頭上のテキストを表示したいと考えています。現在のフォームはどこにでも「こんにちは」を表示する必要がありますが、何もありません。

  d3.selectAll("circle")
    .on("mouseover",function(d){

    var x = parseFloat( d3.select(this).attr("cx") );
    var y = parseFloat( d3.select(this).attr("cy") );

    d3.selectAll("circle")
       .append("text")
       .attr("class","tooltipText")
       .attr("x",x)
       .attr("y",y)
       .attr("stroke-width",1)
       .attr("fill", "white")
       .attr("font-size", "13px")
       .attr("text-anchor", "middle")

       .text(function(){

          return "hello";

       });

    });