title: d3.js Add a circle in d3.geo.path
body: <p>I have created a map from a mbtile converted to a geojson, the projection is WGS84. I load it like that :</p>
  
  <pre><code>var map = svg.append("g").attr("class", "map");
  var path = d3.geo.path().projection(d3.geo.albers().origin([3.4,46.8]).scale(12000).translate([590, 570]));
      d3.json('myjsonfile.json', function(json) {
          map.selectAll('path').data(json.features).enter().append('path').attr('d', path)
  });
  </code></pre>
  
  <p>Now I would like to add a svg element (a dot, a circle, a point (i don't know)) with its (lat,lng) coordinate in my svg.</p>
  
  <p>I can't figure how to do that.</p>