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

У меня есть набор данных, которые я рисую в виде разброса. Когда я наводил курсор на один из кругов, я хотел бы, чтобы он появлялся с данными (например, значениями x, y, может быть, больше). Вот что я пытался использовать:

vis.selectAll("circle")
   .data(datafiltered).enter().append("svg:circle")
   .attr("cx", function(d) { return x(d.x);})
   .attr("cy", function(d) {return y(d.y)})
   .attr("fill", "red").attr("r", 15)
   .on("mouseover", function() {
        d3.select(this).enter().append("text")
            .text(function(d) {return d.x;})
            .attr("x", function(d) {return x(d.x);})
            .attr("y", function (d) {return y(d.y);}); });

Я подозреваю, что мне нужно быть более информативным в отношении того, какие данные вводить?