anchor.diff:          ]
   
         });
  +
       }
  -
  +*/
   
   
   
  
positive.code:   
    $(function(){
        var asteroid = d3.select(this).selectAll(".asteroid")
            .data(designation.top(20), function(d) { 
  
              var dateStr = d.close_app_date.split(' ');
              var date = Date.UTC(dateStr[0],dateStr[1],dateStr[2]);
  
negative.code:   <!--<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>-->
    
  <br/>
              <div id="axis_choice" class="dropdown">
                <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
                  Switch X-Axis...&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:switchAxis(0)">Approaching Date</a></li>
                  <li role="presentation" class="divider"></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:switchAxis(1)">Asteroid Size</a></li>
                  <li role="presentation" class="divider"></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:switchAxis(2)">Orbit Period</a></li>
                  <li role="presentation" class="divider"></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:switchAxis(3)">Delta-V</a></li>
                </ul>
              </div>
  <br/>
    <div id="highchart_content" class="highchart" style="height: 480px; min-width: 720px; max-width: 720px; margin: 0 auto"></div>
  
  </div>
  