You are almost there, the only problem is that your projection is projecting the coordinates outside your drawing area. You can use the .center()
function to tell the projection where the center is and .scale()
to "zoom in". You should also only translate the projection by half the width and height of the container, otherwise the center will be in the bottom right corner.
The following example values should enable you to see the points:
var projection = d3.geo.mercator()
.center([43.09, -79.06])
.scale(50000)
.translate([width/2,height/2]);