anchor.diff:    <!--<div class="panel-footer"> XXX of Asteroids selected. </div>-->
     <!-- <div class="panel-footer"><aside id="totals"><span id="active">-</span> of <span id="total">-</span> asteroids selected.</aside></div>-->
     
  -  <div id="highchart_content" style="height: 400px; min-width: 310px; max-width: 600px; margin: 0 auto"></div>
  +  <div id="highchart_content" class="highchart" style="height: 480px; min-width: 720px; max-width: 720px; margin: 0 auto"></div>
   
   </div>
   
  
positive.code: 
    window.danger = function() {
      // pha.filter("true");
      impact2.filterRange([0.00001, 1.0]);
      renderAll();
    };
   
    var asteroids = [];
    // // A little coercion, since the CSV is untyped.
    asteroids_temp.forEach(function(d, i) {
      d.index = i;
      if(d.close_app_dist != null) {
        asteroids.push(d)
  
      }
    });
  
    //RXIE
    console.log("total count of asteroids: " + asteroids.length)
  
  
  
  
  /***
  // FIELD CHANGES
  
negative.code:     window.filter([null, null, null, [0.0,5.0]]);
    <% end %> 
    
    // start with showing table list, hiding highchart
    // var toggleFlag = 0;
    toggleAsteroidView(0);
  
    renderAll();
  
    // Renders the specified chart or list.
  