Я отображаю детали точек в отдельном элементе div, используя функцию наведения мыши, она появляется впервые при наведении мыши, но не изменяется при наведении указателя мыши на другой круг
d3.js код
var points = g.selectAll("path")
.data(subset,function(d){return d.geometry.coordinates;});
points.enter().append("path");
points.attr("d", path).attr("class", "points");
points.attr("d",path.pointRadius(function(d) { return sizeScale(d.properties[size_name]);}));
points.style("fill-opacity", 0.4);
points.style("fill", function(d){ return ordinalScale(d.properties[color_name]);});
points.on("mouseover",function(d){
var details = [];
for(var prop in d.properties){
details.push(prop + " : " + d.properties[prop] + "<br/>");
}
console.log(details)
d3.select("#info_box").selectAll("li").data(details).enter().append("li").html(function(d){return d;});
});