anchor.diff:                          Copy Number
                           <br><select id='data_type_copy_no'></select>
                           <br><br><br>
  -                        <button onclick="generateScatterPlots()" style='width:80px;height:30px;border-radius:15px;'>
  -                            <font style='font-size: 14px;color:white;font-weight: 5px;'> GO >> </font>
  +                        <button onclick="generateScatterPlots()" style='width:80px;height:30px;border-radius:5px;background-color:#A4A4A4;'>
  +                            <font style='font-size: 14px;color:white;font-weight: 7px;'> GO >> </font>
                           </button>
                       </td>
                       <tr><td style='height:150px;'></td>
  
positive.code:         <tr>
              <td>
                  <table>
                      <tr><td style="border:2px solid #BDBDBD;width:360px;padding-left:20px;padding-right:20px;">
                          <h4 style='margin-top:-57px;'><font style="background-color: white">&nbsp;&nbsp;Plot Parameters&nbsp;&nbsp;</font></h4>
                          <br>
                          <b>Gene</b><br>
                          <select id='genes'>
  
negative.code:     //-----------------tmp------//d3 min and max do NOT function well???
      var tmp_xData = [];
      var tmp_xIndex = 0;
      var tmp_yData = [];
      var tmp_yIndex = 0;
      for (var j=0; j< xData.length; j++){
          if (xData[j] != "NaN" && yData[j] != "NaN") {
              tmp_xData[tmp_xIndex] = xData[j];
              tmp_xIndex += 1;
              tmp_yData[tmp_yIndex] = yData[j];
              tmp_yIndex += 1;
          }
      }
      var min_x = Math.min.apply(Math, tmp_xData);
      var max_x = Math.max.apply(Math, tmp_xData);
      var edge_x = (max_x - min_x) * 0.2;
      var min_y = Math.min.apply(Math, tmp_yData);
      var max_y = Math.max.apply(Math, tmp_yData);
      var edge_y = (max_y - min_y) * 0.2;
  