anchor.diff:        container: document.getElementById('heatmap'),
         height: height,
         width: width,
  -      radius: 40,
  +      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"},
  
positive.code:       // determine what the max heatmap value should be
        var swing_count = <%= @swings.count(:px) %>;
        var max_count;
        if (swing_count <= 20) {
        max_count = 1.2;
        } else {
        max_count = 2.5;
        }
        // create configuration object
        var height = document.getElementsByClassName('heatmapContainer')[0].clientHeight;
  
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"},
  