d3.js - D3: テキスト要素が最後に描画されましたが、他の要素と重なっています

Question

コードのスニペットを次に示します。

var nodeGroup = svg.selectAll("g")
                 .data(listNodes)
                 .enter()
                 .append("g")
                 .attr("id",function(d){ return "Group_" + trimWhitespace(d); })
                 .attr("transform","translate(580,260)");

visualizeNodes(nodeGroup, coordinates);
visualizeConnections(nodeGroup, listEdges, coordinateDict);
visualizeText(nodeGroup, coordinates);

最後にテキストを視覚化しましたが、まだ重なっているようです。これは、visual Nodes によって描かれた円の上にありますが、visualizeConnections によって描かれた複数の不透明な線が重なっています。