anchor.diff:        // determine what the max heatmap value should be
         var swing_count = <%= @swings.count(:px) %>;
         var max_count;
  +      var radius;
         if (swing_count <= 20) {
         max_count = 1.2;
  +      radius = 35;
  +      } else if (swing_count >= 150) {
  +      max_count = 2.2;
  +      radius = 35;
         } else {
  -      max_count = 2.5;
  +      max_count = 1.7;
  +      radius = 40;
         }
         // create configuration object
         var height = document.getElementsByClassName('heatmapContainer')[0].clientHeight;
  
positive.code:       container: document.getElementById('heatmap'),
        height: height,
        width: width,
        radius: 40,
        maxOpacity: .5,
        minOpacity: 0,
        gradient:{ 0.333: "#0000FF", 0.600: "#00FFFF", 0.7500: "#00FF00", 0.93: "#FFFF00", 0.97: "#ff8d00", 0.99: "#FF0000"},
  
negative.code:       container: document.getElementById('swings'),
        height: height,
        width: width,
        radius: radius,
        maxOpacity: .5,
        minOpacity: 0,
        gradient:{ 0.333: "#0000FF", 0.600: "#00FFFF", 0.7500: "#00FF00", 0.93: "#FFFF00", 0.97: "#ff8d00", 0.99: "#FF0000"},
  