D3 Examples - dots on a map: geocoding

xxxxxxxxxx
 
<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
  <style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
    #output { width: 100%; height: 100%; overflow-y: scroll; }
    
    .row {
      font-family: Courier;
      font-size: 12px;
      float: left;
      clear: left;
      margin: 5px
    }
  </style>
</head>
​
<body>
  <div id="output"></div>
  <script>
    d3.csv("the-counted.csv", function(err, data) {
      
      
      data.forEach(function(d, i) {
        var search = d.streetaddress + " " + d.city + ", " + d.state; 
        d.search = search;
        
        setTimeout(function() {
          var url = "";
          d3.json(url, function(err, geo) {
           d.geo = geo;
            
            render(data);
            })
        }, i * 200)
        
       })
         render(data);
      
    })
    
    function render(data) {
      var rows = d3.select("#output").select("div.row")
        .data(data)
     rows.enter().append("div").classed("row", true)
     .on("click", function(d) {
       console.log(d);
     })
     rows.text(function(d) { return d.search })
    }
  </script>
</body>
​
    