dot dot dot 1

<!DOCTYPE html>
<head>
  
  <meta charset="utf-8">
  
  <script src="https://d3js.org/d3.v4.min.js"></script>
  
  <script src='https://api.mapbox.com/mapbox.js/v2.2.3/mapbox.js'></script>
  <link href='https://api.mapbox.com/mapbox.js/v2.2.3/mapbox.css' rel='stylesheet' />
  
  
  <style>
    body { 
      margin:0;
      position:fixed;
      top:0;
      right:0;
      bottom:0;
      left:0; 
    }
    #map {
      position: absolute;
      width: 100%;
      height: 100%;
    }
  </style>
</head>

<body>
  <div id='map'></div>
  
  <script>
    L.mapbox.accessToken = 'pk.eyJ1IjoibmtlcmFtYXJpcyIsImEiOiJjajA1bXp3cm8waTNpMzNteTI0dGJwY3ptIn0.7tKTALy0L0mmlbHk2eWRMw';
    
    var map = L.mapbox.map('map', 'zetter.i73ka9hn').setView([42.31726,-71.31743], 16);
    
    // Setup our svg layer that we can manipulate with d3
    var svg = d3.select(map.getPanes().overlayPane)
      .append("svg");
    var g = svg.append("g").attr("class", "leaflet-zoom-hide");

</script>
</body>

https://d3js.org/d3.v4.min.js

https://api.mapbox.com/mapbox.js/v2.2.3/mapbox.js