anchor.diff:  </script>
   
   
  -<script src="http://code.highcharts.com/highcharts.js"></script>
  -<script src="http://code.highcharts.com/highcharts-more.js"></script>
  -<script src="http://code.highcharts.com/modules/exporting.js"></script>
  -<script type="text/javascript">
  -function toggleView(flag) {
  -    if( flag == 1 ) {
  -      // $('#table_content').toggle();  
  -      // showHighchart();
  -    }
  -    else {
  -      // $('#highchart_content').toggle();
  -      // showTabledata();
  -    }
  -};
  -
  -function showHighchart() {
  -    $('#highchart_content').highcharts({
  -
  -        chart: {
  -            type: 'bubble',
  -            zoomType: 'xy'
  -        },
  -
  -        title: {
  -            text: 'Highcharts Coordinates'
  -        },
  -
  -        series: [{
  -            data: [[97, 36, 79], [94, 74, 60], [68, 76, 58], [64, 87, 56], [68, 27, 73], [74, 99, 42], [7, 93, 87], [51, 69, 40], [38, 23, 33], [57, 86, 31]]
  -        }, {
  -            data: [[25, 10, 87], [2, 75, 59], [11, 54, 8], [86, 55, 93], [5, 3, 58], [90, 63, 44], [91, 33, 17], [97, 3, 56], [15, 67, 48], [54, 25, 81]]
  -        }, {
  -            data: [[47, 47, 21], [20, 12, 4], [6, 76, 91], [38, 30, 60], [57, 98, 64], [61, 17, 80], [83, 60, 13], [67, 78, 75], [64, 12, 10], [30, 77, 82]]
  -        }]
  -    });
  -
  -};
  -
  -
  -
  -</script>
  -
   </body>
   </html>
  
positive.code: <div class="panel panel-default">
  
       <div class="panel-heading clearfix"><h4 class="panel-title ae-data-table-title">Asteroids<span class="pull-right ae-table-total">
        <div class="btn-group" role="group"><button type="button" class="btn active ae-table-toggle" data-toggle="tooltip" data-placement="top" title="Table View" onclick="toggleView(0);">&nbsp;<i class="fa fa-table fa-lg"></i>&nbsp;</button><button type="button" class="btn inactive ae-table-toggle" data-toggle="tooltip" data-placement="top" title="Chart View" onclick="toggleView(1);">&nbsp;<i class="fa fa-area-chart fa-lg"></i>&nbsp;</button></div>&nbsp;&nbsp;|&nbsp;&nbsp;<span id="active">-</span> of <span id="total">-</span> Asteroids Displayed</span></h4></div>
  
    <div id="table_content" class="panel-body">
      <table class="table table-condensed">
  
negative.code:   function renderAll() {
      chart.each(render);
      list.each(render);
      highChart.each(render);
  
      d3.select("#active").text(formatNumber(all.value()));
    }
  
  