D3 Examples - Maptimes distances from MaptimeSF w/ turf.js

xxxxxxxxxx
 
<!DOCTYPE html>
<meta charset="utf-8">
    <style>
​
​
        </style>
    <body>
<h3>Distances away from</h3>
​
        <script src="https://d3js.org/d3.v3.js"></script>
        <script src="/mpmckenna8/raw/def3735b8e1eef5128a7/turf.min.js" charset="utf-8"></script>
​
        <script>
​
​
  d3.json('maptimes.geojson', function(maptimes){
    console.log(maptimes.features[2])
   var info = maptimes.features;
  var bods  =  d3.select('body').append('div').attr('class', 'dists')
​
  //.data(info).enter().append('tr');
​
​
    bods.selectAll('.mappers')
      .data(info)
      .enter()
      .append('html:p')
      .text(function(d){
        console.log(d);
        var blah =  d.properties.title;
        return blah
      })
      .attr('class','mappers')
​
​
  d3.selectAll('.mappers')
  .append('html:div')
  .text(function(d,i)
  {
    console.log(info[i] + i)
    if(i > 0){
    return  turf.distance(info[0],d,'miles') + ' miles'
    }
​
  })
​
​
  })
​
​
            </script>
    </body>
    