D3 Scatterplot - Loading

CSS

text{
    font-size: 24px;
    fill: green;
    font-weight: bold;     
}

JavaScript

var data = [{ name: "A", x: 10, y:50 },{ name: "B", x: 30, y:50 },{ name: "C", x: 50, y:50 },{ name: "D", x: 70, y:50 },{ name: "E", x: 90, y:50 }];
var svg = d3.select("body")
    .append("svg")
    .attr("width","1500")
    .attr("height","800");

var texts = svg.selectAll("text")
    .data(data)
    .enter()
    .append("text")
    .attr("x",function(d){ return d.x; })
    .attr("y",function(d){ return d.y; })
    .text(function(d){ return d.name; });

texts.on("mouseover",function(d,i){    
    var prevData = i>0?texts.data()[i-1]:texts.data()[texts.data().length-1];
    d3.select(this).text(prevData.name);
}).on("mouseout",function(d,i){    
    d3.select(this).text(d.name);    
});