D3 Examples - TopoJSON via MapBox & Leaflet

xxxxxxxxxx
 
<!DOCTYPE html>
<meta charset="utf-8">
<body>
<div id="map"></div>
<script src="https://d3js.org/d3.v3.min.js"></script>
<script src="https://d3js.org/topojson.v1.min.js"></script>
<script src="https://api.tiles.mapbox.com/mapbox.js/v1.0.3/mapbox.js"></script>
<link href='https://api.tiles.mapbox.com/mapbox.js/v1.0.3/mapbox.css' rel='stylesheet' />
  <style>
    body { margin:0; padding:0; }
    #map { position:absolute; top:0; bottom:0; width:100%; }
  </style>
<script>
 var map = L.mapbox.map('map', 'caged.map-qa2i17ab').setView([44, -100], 2),
 layer = L.geoJson(null, { style: { color: '#333', weight: 1 }})
​
map.addLayer(layer)
d3.json('/../../data/us.json', function(error, data) {
  var neighborhoods = topojson.feature(data, data.objects.counties)
  layer.addData(neighborhoods);
})
</script>
    