anchor.diff:      <div class="small-6 columns" id="right_column">
         <div class="row" id="map"></div>
         <div class="row" id="right_down">
  -        <canvas id="myChart" width="400" height="400"></canvas>
  +        <canvas id="myChart" width="400" height="100%"></canvas>
         </div>
       </div>
   
  
positive.code:   });
  
  
  
  
  // Add features to the map
  myLayer.setGeoJSON(geoJson);
  
  
negative.code: // Hovering on results row hilights mapbox marker
  $(".tile").mouseover(function(){
    var index = $(".tile").index(this)
    // console.log(geoJson[index]["properties"]["marker-symbol"])
    // $(".leaflet-marker-icon:eq(" + index + ")").css("z-index", 500)
    // console.log(poo)
    geoJson[index].properties["marker-symbol"] = "heart"
    geoJson[index].properties["marker-size"] = "large"
    myLayer.setGeoJSON(geoJson);
  
  }).mouseout(function() {
    var index = $(".tile").index(this)
    geoJson[index].properties["marker-symbol"] = ""
    geoJson[index].properties["marker-size"] = "medium"
    myLayer.setGeoJSON(geoJson);
  });
  </script>
  
  
  