D3 Circles On A Leaflet Map

I am using the following code to generate a map with circles; http://jsbin.com/OTaKEDor/2/edit : newPoint.x, 'y' : newPoint.y }; return d; } ) g.selectAll("circle").data( data ).enter().append("circle") .attr("cx", function(d){ console.log(d); return d.coords.x } ) .attr("cy", function(d){ return d.coords.y } ) .attr("r", 5 ) .style("fill", "teal") }