d3.js circles in leaflet.js

<html>
<head>
	<title>Testing d3.js in Leaflet.js</title>

</style>
</head>
<body>

d3.json("testing.json", function(collection) {
  var bounds = d3.geo.bounds(collection),
      path = d3.geo.path().projection(project).pointRadius(function (d) {return d.properties.count/50});
console.warn(path)

var feature = g.selectAll("path")
      .data(collection.features)
    .enter().append("path");

map.on("viewreset", reset);
  reset();

// Reposition the SVG to cover the features.
  function reset() {
  	console.warn(bounds)
    var bottomLeft = project(bounds[0]),
        topRight = project(bounds[1]);

svg .attr("width", topRight[0] - bottomLeft[0])
        .attr("height", bottomLeft[1] - topRight[1])
        .style("margin-left", bottomLeft[0] + "px")
        .style("margin-top", topRight[1] + "px").attr("transform", "translate(" + -bottomLeft[0] + "," + -topRight[1] + ")");

g .attr("transform", "translate(" + -bottomLeft[0] + "," + -topRight[1] + ")");

feature.attr("d", path)
  }

// Use Leaflet to implement a D3 geographic projection.
  function project(x) {
    var point = map.latLngToLayerPoint(new L.LatLng(x[1], x[0]));
    return [point.x, point.y];
  }

})

</script>
</body>
</html>

Modified http://d3js.org/d3.v2.min.js?2.9.3 to a secure url

Modified http://code.leafletjs.com/leaflet-0.3.1/leaflet.js to a secure url

https://d3js.org/d3.v2.min.js?2.9.3

https://code.leafletjs.com/leaflet-0.3.1/leaflet.js