Difference between revisions of "Team:HebrewU/InterLab"

Line 1: Line 1:
<html lang="en">
 
 
<head>
 
<head>
 
<title>HebrewU HujiGEM 2018</title>
 
<title>HebrewU HujiGEM 2018</title>
Line 15: Line 14:
 
       function drawChart() {
 
       function drawChart() {
 
         var data = google.visualization.arrayToDataTable([
 
         var data = google.visualization.arrayToDataTable([
           ['Age', 'Weight'],
+
           ['Abs 600', 'Particle Count/ 100uL'],
 
           [ 2.35E+08, 0.977],
 
           [ 2.35E+08, 0.977],
 
           [ 1.18E+08, 0.568],
 
           [ 1.18E+08, 0.568],
Line 30: Line 29:
 
            
 
            
 
         ]);
 
         ]);
 +
 +
 +
 +
var options = {
 +
 +
        };
  
 
         var options = {
 
         var options = {
           hAxis: {minValue: 0, maxValue: 1000},
+
          pointSize: 12,
 +
          dataOpacity: 0.3,
 +
          colors: ['black'],
 +
          backgroundColor: '#edeadc',
 +
           hAxis: {minValue: 0, maxValue: 10},
 
           vAxis: {minValue: 0, maxValue: 1},
 
           vAxis: {minValue: 0, maxValue: 1},
           chartArea: {width:'20%'},
+
          hAxis: {title: 'Particle Count/ 100uL'},         
 +
          vAxis: {title: 'Abs 600'},
 +
         
 +
           chartArea: {width:'60%'},
 
           trendlines: {
 
           trendlines: {
 
             0: {
 
             0: {
 +
           
 +
              color: '#262d2e',
 
               type: 'linear',
 
               type: 'linear',
 
               showR2: true,
 
               showR2: true,
               visibleInLegend: false
+
               visibleInLegend: true
 +
 
 
             }
 
             }
 +
 
           }
 
           }
 +
 
         };
 
         };
  
Line 85: Line 102:
  
 
<style>
 
<style>
 +
  
 
             #sideMenu, #top_title {display:none;}
 
             #sideMenu, #top_title {display:none;}
Line 243: Line 261:
 
#tablevalues_hujigem {
 
#tablevalues_hujigem {
 
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
 
 
     width:80%;
 
     width:80%;
 +
   
 
}
 
}
  
 
#tablevalues_hujigem td, #tablevalues_hujigem th {
 
#tablevalues_hujigem td, #tablevalues_hujigem th {
     border: 1px solid #ddd;
+
     border: 1px solid black;
     padding: 3px;
+
     padding: 10px;
 +
    width: 7%;
 +
         
 +
 
 +
 
 
}
 
}
  
Line 257: Line 279:
  
 
#tablevalues_hujigem th {
 
#tablevalues_hujigem th {
    padding-top: 12px;
 
 
     padding-bottom: 12px;
 
     padding-bottom: 12px;
 
     text-align: center;
 
     text-align: center;
 
     background-color: #262d2e;
 
     background-color: #262d2e;
 
     color: white;
 
     color: white;
 +
}
 +
 +
 +
.hujigem_showdata_button {
 +
  background-color:#829c8c;
 +
  border: none;
 +
  color: white;
 +
  padding: 10px 10px;
 +
  text-align: center;
 +
  font-size: 16px;
 +
  margin: 4px 2px;
 +
  opacity: 0.6;
 +
  transition: 0.3s;
 +
  text-decoration: none;
 +
  cursor: pointer;
 +
 
 +
 
 +
}
 +
 +
.hujigem_showdata_button:hover {opacity: 1}
 +
 +
 +
#hujigem_display_data{
 +
    width: 100%;
 +
    padding: 50px 0;
 +
    text-align: center;
 +
    background-color: lightblue;
 +
    margin-top: 20px;
 +
 +
}
 +
 +
#hujigem_showdata1{
 +
display:none;
 
}
 
}
  
Line 339: Line 393:
  
 
Our team too believes in the need for a standardization of units with in the world of biology. We want to help make progress towards quantitative measurements between labs, and not be constrained to relative compassions. As such, were excited to take part in such a project and hope are data will support the progress of synthetic biology and genetic engineering.  
 
Our team too believes in the need for a standardization of units with in the world of biology. We want to help make progress towards quantitative measurements between labs, and not be constrained to relative compassions. As such, were excited to take part in such a project and hope are data will support the progress of synthetic biology and genetic engineering.  
 +
  
 
   <div align="center">
 
   <div align="center">
  
<br></br>
+
<br>
 +
 
 +
<div id="chartLinear" style="height: 80%; width: 80%;">
 +
</div>
 +
<button onclick="myFunction()" class="hujigem_showdata_button">Raw data</button>
 +
 
 +
<div id="hujigem_showdata1">
 +
 
  
 
<br><br>
 
<br><br>
 
<b>
 
<b>
#Table 1: Particles to Abs
 
 
</b>
 
</b>
 
<table id="tablevalues_hujigem">
 
<table id="tablevalues_hujigem">
Line 386: Line 447:
 
      
 
      
 
</table>
 
</table>
 +
 +
 +
</div>
 +
 +
 +
<script>
 +
function myFunction() {
 +
    var x = document.getElementById("hujigem_showdata1");
 +
    if (x.style.display === "block") {
 +
        x.style.display = "none";
 +
    } else {
 +
        x.style.display = "block";
 +
    }
 +
}
 +
</script>
 +
 +
 +
 
<br><br>
 
<br><br>
  
  
<div id="chartLinear" style="height: 350px; width: 800px"></div>  
+
<br><br>
  
  
 +
 +
 +
<br><br>
  
  

Revision as of 13:33, 1 September 2018

<head> <title>HebrewU HujiGEM 2018</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1">

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
      
   
  
  <script type="text/javascript">
  //particle standart curve
 google.charts.load('current', {'packages':['corechart']});
     google.charts.setOnLoadCallback(drawChart);
     function drawChart() {
       var data = google.visualization.arrayToDataTable([
         ['Abs 600', 'Particle Count/ 100uL'],
         [ 2.35E+08, 0.977],
         [ 1.18E+08, 0.568],
         [ 5.88E+07, 0.305],
         [ 2.94E+07, 0.195],
         [ 1.47E+07, 0.139],
         [ 7.35E+06, 0.113],
         [ 3.68E+06, 0.098],
         [ 1.84E+06, 0.092],
         [ 9.19E+05, 0.086],
         [ 4.60E+05, 0.087],
         [ 2.30E+05, 0.086],
         [ 0, 0.086]
         
       ]);


var options = {
       };
       var options = {
         pointSize: 12,
         dataOpacity: 0.3,
         colors: ['black'],
         backgroundColor: '#edeadc',
         hAxis: {minValue: 0, maxValue: 10},
         vAxis: {minValue: 0, maxValue: 1},
         hAxis: {title: 'Particle Count/ 100uL'},          
         vAxis: {title: 'Abs 600'},
         
         chartArea: {width:'60%'},
         trendlines: {
           0: {
           
             color: '#262d2e',
             type: 'linear',
             showR2: true,
             visibleInLegend: true
           }
         }
       };
       var chartLinear = new google.visualization.ScatterChart(document.getElementById('chartLinear'));
       chartLinear.draw(data, options);
     }
     </script>

<script>

   var timeout    = 500;
   var closetimer = 0;
   var ddmenuitem = 0;
        
   function ddmenu_open(){
       ddmenu_canceltimer();
          ddmenu_close();
          ddmenuitem = $(this).find('ul').css('visibility', 'visible');
   }
        
   function ddmenu_close(){ 
       if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
   }
        
   function ddmenu_timer(){
       closetimer = window.setTimeout(ddmenu_close, timeout);
   }
        
   function ddmenu_canceltimer(){  
       if(closetimer){  
           window.clearTimeout(closetimer);
               closetimer = null;
   }}
        
   $(document).ready(function(){  
       $('#ddmenu_hebrewu > li').bind('mouseover', ddmenu_open)
       $('#ddmenu_hebrewu > li').bind('mouseout',  ddmenu_timer)
   });
        
   document.onclick = ddmenu_close;

</script>


<style>


           #sideMenu, #top_title {display:none;}
           #sideMenu, #sideMenu *, #top_menu_inside, #top_menu_inside *{box-sizing: initial; -webkit-box-sizing: initial;}
           #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
           body {background-color:white; }
           #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  1. ddmenu_hebrewu {
   background:#262d2e;
   margin: 0;
   padding: 0;
   height:35px;
   font: 15px Calibri, Calibri;}
    
  1. ddmenu_hebrewu li {
   float: left;
   list-style: none;
   font: 20px Calibri, Calibri;}

  1. ddmenu_hebrewu li a {
   background:#262d2e;
   display: block;
   padding: 5px 20px;
   text-decoration: none;
   color: white;

}


  1. ddmenu_hebrewu li a:hover {
   background: #2c3635;

}

  1. ddmenu_hebrewu li ul {
   margin: 3px 0 0 10px;
   padding: 0;
   position: absolute;
   visibility: hidden;

}

  1. ddmenu_hebrewu li ul li {
   display:inline;

}

  1. ddmenu_hebrewu li ul li a {
   width: auto;    
   background: none;
   display: inline;
   color: black; 
   font: 20px Calibri, Calibri;
   padding: 2px 10px;

}

  1. ddmenu_hebrewu li ul li a:hover {
   background: none;
   color: #106375; 
   padding: 2px 10px;

}

/* Homebutton 10% space */ .huji_homebutton {

   float: left;
   width: 13%;

}

/* Create three unequal columns that floats next to each other */ .columnhuji {

   float: left;
   padding: 10px;

}

/* Left and right column */ .columnhuji.side {

   width: 12%;

}

/* Middle column */ .columnhuji.middle {

   width: 70%;
   background-color:#edeadc;
   padding: 10px;
   
   
   

}

/* Clear floats after the columns */ .rowhuji:after {

   content: "";
   display: table;
   clear: both;

}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) {

   .columnhuji.side, .columnhuji.middle {
       width: 100%;
   }

}

h2.ahuji {

   font: 50px Calibri, Calibri;
   text-align: center;

}

h2.chuji {

   font: 20px Calibri, Calibri;
   text-align: center;

}

p.ahuji {

   font: 18px Calibri, Calibri;

margin-left:5%; margin-right:5%; text-align:justify; }

p.bhuji {

   font: 18px Calibri, Calibri;

text-align:center; }


.buttonhuji { font: 18px Calibri, Calibri;

   border: none;
   color: white;
   padding: 10px 32px;
   text-align: center;
   display: inline-block;
   font-size: 15px;
   margin: 2px 2px;
   -webkit-transition-duration: 0.4s; /* Safari */
   transition-duration: 0.4s;
   cursor: pointer;

}

.buttonhuji1 {

   background-color: #fdfaf2;
   color: black;
   border: 2px solid #829c8c;

}

.buttonhuji1:hover {

   background-color: #829c8c;
   color: white;

}

.centerhujiimg {

   margin: auto;
   width: 10%;

text-align: center; }

  1. tablevalues_hujigem {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   width:80%;
   

}

  1. tablevalues_hujigem td, #tablevalues_hujigem th {
   border: 1px solid black;
   padding: 10px;
   width: 7%;
          


}

  1. tablevalues_hujigem tr:nth-child(even){background-color: white;}
  1. tablevalues_hujigem tr:hover {background-color: #edeadc;}
  1. tablevalues_hujigem th {
   padding-bottom: 12px;
   text-align: center;
   background-color: #262d2e;
   color: white;

}


.hujigem_showdata_button {

 background-color:#829c8c;
 border: none;
 color: white;
 padding: 10px 10px;
 text-align: center;
 font-size: 16px;
 margin: 4px 2px;
 opacity: 0.6;
 transition: 0.3s;
 text-decoration: none;
 cursor: pointer;
 
 

}

.hujigem_showdata_button:hover {opacity: 1}


  1. hujigem_display_data{
   width: 100%;
   padding: 50px 0;
   text-align: center;
   background-color: lightblue;
   margin-top: 20px;

}

  1. hujigem_showdata1{

display:none; }

</style> <body>

  • <a href="#">HebrewU</a>
  • <a href="#">Project</a>
  • <a href="#">Team</a>
  • <a href="#">Human Practice</a>
    • <a href="#">Citizen Survey</a>
    • <a href="#">Expert Interviews</a>
    • <a href="#">Community</a>
    • <a href="#">Industry</a>
  • <a href="#">Our Lab</a>
    • <a href="#">Protocols</a>
    • <a href="#">Notebooks</a>
    • <a href="#">Inter-lab</a>
    • <a href="#">Safety</a>
    • <a href="#">Media Criteria</a>




Inter-Lab

Universal and Standardized units are important in all disciplines of science, and especially in engineering. One important issue biology, and specifically genetic engineering faces today is a lack of standardized units. In synthetic biology we often employ marker proteins to assist in both real time assessment and in depth result interpretation. For these results to be consistent both between experiments, and between labs it is of paramount importance to create a standardized unit for said markers. Such a unit would also allow for the comparison of results from different labs and machines.
</br> The InterLab Study utilizes the wide access that iGEM has to biology teams all over the world. Taking advantage of this rare opportunity, the InterLab aims to improve the measurement tools available to both the iGEM community and the synthetic biology community as a whole. By measuring the fluorescence on a wide range of machines, in a wide range of labs, and regulating the results to a single control group, we hope to gather enough data to create this standard unit. As GFP is one of the most used markers today, this has been the focus of the InterLab studies over the past 5 years.
</br> Our team too believes in the need for a standardization of units with in the world of biology. We want to help make progress towards quantitative measurements between labs, and not be constrained to relative compassions. As such, were excited to take part in such a project and hope are data will support the progress of synthetic biology and genetic engineering.


<button onclick="myFunction()" class="hujigem_showdata_button">Raw data</button>






N. of Particles 2.35E+08 1.18E+08 5.88E+07 2.94E+07 1.47E+07 7.35E+06 3.68E+06 1.84E+06 9.19E+05 4.60E+05 2.30E+05
Abs mean 0.977 0.568 0.305 0.195 0.139 0.113 0.098 0.092 0.087 0.086 0.086


</div>


<script> function myFunction() {

   var x = document.getElementById("hujigem_showdata1");
   if (x.style.display === "block") {
       x.style.display = "none";
   } else {
       x.style.display = "block";
   }

} </script>












  1. Table 2: Fluorescein uM to Abs



Fluorescein (uM) 10.00 5.00 2.5 1.25 0.625 0.313 0.156 0.078 0.039 0.0195 0.0098
Abs mean 6.461E+06 3.551E+06 1.900E+06 9.253E+05 4.844E+05 2.420E+05 1.162E+05 5.755E+04 3.016E+04 1.527E+04 7.731E+03

</body> </html>