anchor.diff:   
    <!--Dynamically creates the table with the selected metric, team image and team name--> 
     function createTable(metric, barGraphTitle){ 
  -  	showBargraphTable();
  -	//this is the metric's id: (coverage, points...etc. depending on what the user selected)
  +  	//this is the metric's id: (coverage, points...etc. depending on what the user selected)
   	var metricValue = metric +"Value";	
   	//once createTable function is complete and the bars are created...this variable is used to pass the 
   	//metric selected value along
  
positive.code:     var tablecontents = "";
      tablecontents = "<table id = 'barGraphTable' style='table-layout: auto; width: 100%'  class = 'data'> " +
      
      "<thead style = 'border: 0px' height = '14px'>" + 
     	"<tr align = 'left' style = 'border: 0px' height = '14px'>"+
      "<th style = 'border: 0px' align='right' height = '14px'></th>" +
      "<th id = 'barGraphMetricHeader' style = 'border: 0px; text-transform:capitalize; text-decoration:underline; cursor: pointer ' onclick = location.reload(true) title = 'Project comparison table' height = '14px'>"+barGraphTitle+"</th>"+
      "<th style = 'border: 0px' height = '14px'></th>"+    
      "</tr>"+    
      "</thead> " +
      "<tbody style = 'border: 0px'> ";      
       
     //go through each element for each row in the metrics table, extracting the needed information
     	var idGenerator = 0;
  
negative.code:    				 var nameId = "nameId" + count;
     				 tablecontents += "<td id = '" + nameIdGenerator + "'style = 'border: 0px' align='left'><span class = 'longName' id ='" + nameId + "'>  " + projectName + "</span></td>";
     				 //hidden td to use for calculating the project's truncated project's name width
     				  tablecontents += "<td style = 'visibility: hidden'nowrap=''><span id = '" + truncatedNameId + "'nowrap='' >" + shortName + "</span></td>";				
     			}
     			//retrieve the correct metric values
  