Estou tentando adicionar pontos vermelhos em determinadas geolocalizações no mapa a seguir criado por Mike Bostock.https://bl.ocks.org/mbostock/3795040. Meus pontos aparecem, mas não se movem com o mapa. Como edito o código para fazer com que os pontos se movam com o mapa. Obrigado.

//add circles to svg
svg.selectAll("circle")
    .data([wr,pt,sd,jp,fm])
    .enter()
    .append("circle")
    .attr("cx", function (d) { console.log(projection(d)); return projection(d)[0]; })
    .attr("cy", function (d) { return projection(d)[1]; })
    .attr("r", "8px")
    .attr("fill", "red");

A seguir está o que a matriz acima está sendo referenciada.

//points
var wr = [32.6130007, -83.624201];
var pt = [48.9334357, 8.961208];
var sd = [32.715738, -117.1610838];
var jp = [35.6894875, 139.6917064];
var fm = [39.1137602, -76.7267773];