anchor.diff:        container: document.getElementById('swings'),
         height: height,
         width: width,
  -      radius: 35,
  +      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:       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:       // determine what the max heatmap value should be
        var events_count = <%= @events.count(:px) %>;
        var max_count;
        var radius
        if (events_count <= 50) {
        max_count = 2.3;
        radius = 40;
        } else if (events_count >= 400)  {
        radius = 20;
        max_count = 3.5;
        }
        else {
        radius = 30;
        max_count = 4.5;
        }
        // create configuration object
        var height = document.getElementsByClassName('heatmapContainer')[0].clientHeight;
  