Difference between revisions of "Team:Hong Kong UCCKE/Results"

 
(64 intermediate revisions by the same user not shown)
Line 17: Line 17:
 
                 <div>
 
                 <div>
 
                     <h1 data-toc-skip>UCCKE / Results</h1>
 
                     <h1 data-toc-skip>UCCKE / Results</h1>
−
                     <p>offendit malis arbitror appellat o arbitror nisi nam quamquam illustriora do se appellat praetermissum.</p>
+
                     <p>In this page, you can know about the results of our experiments.</p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 34: Line 34:
 
         <div class="row">
 
         <div class="row">
 
             <div class="col-sm-9 col-xs-12">
 
             <div class="col-sm-9 col-xs-12">
 +
<p style="text-align:left !important; font-size:15px !important;">For our experiments, we did 2 types of volatile tests: one for diacetyl and another for cinnamaldehyde.</p>
 +
                <h2>Positive Control for Attractant</h2>
 +
 +
 +
<script src="https://2016.igem.org/Template:Hong_Kong_UCCKE/chartjs?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
 +
 +
<canvas id="RIoF564984" width="400" height="280"></canvas>
 +
 +
<script>
 +
var ctx = document.getElementById("RIoF564984");
 +
var myChart = new Chart(ctx, {
 +
    type: 'bar',
 +
    data: {
 +
        labels: ["1", "1/10", "1/100", "1/1000", "1/10000", "1/100000"],
 +
        datasets: [{
 +
            label: 'Index',
 +
            data: [+0.96, +0.84, +0.27, +0.17, +0.05, +0.06],
 +
            backgroundColor: [
 +
                'rgba(255, 99, 132, 0.2)',
 +
                'rgba(54, 162, 235, 0.2)',
 +
                'rgba(255, 206, 86, 0.2)',
 +
                'rgba(75, 192, 192, 0.2)',
 +
                'rgba(153, 102, 255, 0.2)',
 +
                'rgba(255, 159, 64, 0.2)'
 +
            ],
 +
            borderColor: [
 +
                'rgba(255,99,132,1)',
 +
                'rgba(54, 162, 235, 1)',
 +
                'rgba(255, 206, 86, 1)',
 +
                'rgba(75, 192, 192, 1)',
 +
                'rgba(153, 102, 255, 1)',
 +
                'rgba(255, 159, 64, 1)'
 +
            ],
 +
            borderWidth: 1
 +
        }]
 +
    },
 +
    options: {
 +
        scales: {
 +
            yAxes: [{
 +
                ticks: {
 +
                    beginAtZero:true
 +
                },
 +
                scaleLabel: {
 +
                    display: true,
 +
                    labelString: 'Responsive Index',
 +
                    fontSize: 15,
 +
                }
 +
            }],
 +
            xAxes: [{
 +
                scaleLabel: {
 +
                    display: true,
 +
                    labelString: 'Dilution of diacetyl',
 +
                    fontSize: 15,
 +
                }
 +
            }],
 +
        },
 +
 +
        title: {
 +
            display: true,
 +
            text: 'Responsive Index of Diacetyl',
 +
            fontSize: 15,
 +
        },
 +
animation: {
 +
duration: 0,
 +
onComplete: function () {
 +
    // render the value of the chart above the bar
 +
    var ctx = this.chart.ctx;
 +
    ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontSize, 'normal', Chart.defaults.global.defaultFontFamily);
 +
    ctx.fillStyle = this.chart.config.options.defaultFontColor;
 +
    ctx.textAlign = 'center';
 +
    ctx.textBaseline = 'bottom';
 +
    this.data.datasets.forEach(function (dataset) {
 +
        for (var i = 0; i < dataset.data.length; i++) {
 +
            var model = dataset._meta[Object.keys(dataset._meta)[0]].data[i]._model;
 +
            ctx.fillText(dataset.data[i], model.x, model.y - 5);
 +
        }
 +
    });
 +
}}
 +
    },
 +
 +
});
 +
</script>
 +
 +
 +
 +
 +
<p style="text-align: left !important; font-size:15px !important">
 +
<br><br>
 +
For the diacetyl volatile test, 6 sets of the tests were performed using different concentrations of diacetyl. Each set was repeated twice to obtain an average response index to maximize accuracy. For 1x concentration of diacetyl, the average index was +0.96. At 1/10x concentration, the average index dropped slightly to +0.84. From then on, it dropped dramatically to +0.27 at 1/100x concentration, then to +0.17 at 1/1000x concentration. At 1/10000x concentration, the index was at +0.05. But it rose slightly to +0.06 at 1/100000x concentration.<br><br>
 +
 +
All the response indices collected were positive. This suggests that diacetyl is a volatile attractant. The high index recorded at 1x concentration shows that diacetyl is the most potent attractant. However, as evidenced by data from 1x concentration to 1/1000x concentration, when concentration is lowered, its potency as an attractant decreases. It can be concluded, hence, that the potency of diacetyl as an attractant is directly proportionate to its concentration up till 1/1000x concentration. The slight rise in average index at 1/100000x concentration suggests that 1/100000x diacetyl is a slightly stronger attractant than 1/10000x diacetyl. <br><br>
 +
 +
As a result, this assay proves that pure diacetyl attracts C. elegans and can be utilized in our experiments as a positive control for attractant.<br><br>
 +
</p>
  
−
                <h2 data-toc-text="Diacetyl Volatile Test">Raw Result of Diacetyl Volatile Test with Index</h2>
 
  
 
<table id="diavol" class="display nowrap gabtable" cellspacing="0" width="100%" style="font-size:15px !important;">
 
<table id="diavol" class="display nowrap gabtable" cellspacing="0" width="100%" style="font-size:15px !important;">
Line 195: Line 289:
 
         </tbody>
 
         </tbody>
 
     </table>
 
     </table>
 +
                <h2>Negative control</h2>
 +
<p style="text-align:left !important; font-size:15px !important;">The average response index of water is taken as +0.07, obtained among 6 repeated assays. This indicates water is a neutral chemical towards C.elegans. considering this, we use water as a negative control for onwards experiments.</p>
 +
 +
 +
                <h2>CA</h2>
 +
 +
<canvas id="RIocinn56434g344" width="400" height="280"></canvas>
 +
 +
<script>
 +
var ctx = document.getElementById("RIocinn56434g344");
 +
var myChart = new Chart(ctx, {
 +
    type: 'bar',
 +
    data: {
 +
        labels: ["1", "1/10", "1/100", "1/1000", "1/10000", "1/100000"],
 +
        datasets: [{
 +
            label: 'Index',
 +
            data: [-0.81, -0.80, -0.82, -0.50, -0.13, -0.10],
 +
            backgroundColor: [
 +
                'rgba(255, 99, 132, 0.2)',
 +
                'rgba(54, 162, 235, 0.2)',
 +
                'rgba(255, 206, 86, 0.2)',
 +
                'rgba(75, 192, 192, 0.2)',
 +
                'rgba(153, 102, 255, 0.2)',
 +
                'rgba(255, 159, 64, 0.2)'
 +
            ],
 +
            borderColor: [
 +
                'rgba(255,99,132,1)',
 +
                'rgba(54, 162, 235, 1)',
 +
                'rgba(255, 206, 86, 1)',
 +
                'rgba(75, 192, 192, 1)',
 +
                'rgba(153, 102, 255, 1)',
 +
                'rgba(255, 159, 64, 1)'
 +
            ],
 +
            borderWidth: 1
 +
        }]
 +
    },
 +
    options: {
 +
        scales: {
 +
            yAxes: [{
 +
                ticks: {
 +
                    beginAtZero:true,
 +
                    min: -1,
 +
                },
 +
                scaleLabel: {
 +
                    display: true,
 +
                    labelString: 'Responsive Index',
 +
                    fontSize: 15,
 +
                }
 +
            }],
 +
            xAxes: [{
 +
                scaleLabel: {
 +
                    display: true,
 +
                    labelString: 'Dilution of cinnamaldehyde',
 +
                    fontSize: 15,
 +
                }
 +
            }],
 +
        },
 +
 +
        title: {
 +
            display: true,
 +
            text: 'Responsive Index of Cinnamaldehyde',
 +
            fontSize: 15,
 +
        },
 +
animation: {
 +
duration: 0,
 +
onComplete: function () {
 +
    // render the value of the chart above the bar
 +
    var ctx = this.chart.ctx;
 +
    ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontSize, 'normal', Chart.defaults.global.defaultFontFamily);
 +
    ctx.fillStyle = this.chart.config.options.defaultFontColor;
 +
    ctx.textAlign = 'center';
 +
    ctx.textBaseline = 'bottom';
 +
    this.data.datasets.forEach(function (dataset) {
 +
        for (var i = 0; i < dataset.data.length; i++) {
 +
            var model = dataset._meta[Object.keys(dataset._meta)[0]].data[i]._model;
 +
            ctx.fillText(dataset.data[i], model.x, model.y - 5);
 +
        }
 +
    });
 +
}}
 +
    },
 +
 +
});
 +
</script>
 +
 +
 +
<p style="text-align: left !important; font-size:15px !important">
 +
<br><br>
 +
For the cinnamaldehyde volatile test, 6 sets of the tests were performed using different concentrations of cinnamaldehyde. Each set was repeated thrice this time. The results were processed to produce an average response index. For 1x concentration of cinnamaldehyde, an average index of -0.81 was recorded. The index then fluctuates slightly to -0.80 at 1/10x concentration and to -0.82 at 1/100x concentration subsequently. The index then drops to -0.50 at 1/1000x concentration. The index decreases dramatically to -0.13 at 1/100000x concentration. It finally decreases to -0.10 at 1/10000x concentration.<br><br>
 +
 +
All the indices collected were negative. This suggests that cinnamaldehyde is a volatile repellant. The similarly high negative indices at 1x concentration to 1/100x concentration show that cinnamaldehyde is a strong repellant. The difference in indices is only 0.01, hence, it suggests that the differing concentrations have little to do with the repelling effect of cinnamaldehyde. The negative indices then decrease along with concentration as evidenced by the data from 1/1000x concentration 1/100000x concentration. This shows that the repelling effect is directly proportionate to the concentration of the cinnamaldehyde.
 +
<br><br>
 +
 +
As a result, the assay proves that pure cinnamaldehyde repels C. elegans and can be used for our experiments.<br><br>
 +
</p>
  
−
<h2 data-toc-text="Cinnemaldehyde Volatile Test">Raw Result of Cinnemaldehyde Volatile Test with Index</h2>
 
  
  
Line 405: Line 592:
 
         </tbody>
 
         </tbody>
 
     </table>
 
     </table>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<h2>Phenylpyruvic Acid</h2>
 +
 +
 +
 +
 +
<canvas id="RIopa564erberbeg344" width="400" height="280"></canvas>
 +
 +
<script>
 +
var ctx = document.getElementById("RIopa564erberbeg344");
 +
var myChart = new Chart(ctx, {
 +
    type: 'bar',
 +
    data: {
 +
        labels: ["1", "1/10", "1/100", "1/1000", "1/10000", "1/100000"],
 +
        datasets: [{
 +
            label: 'Index',
 +
            data: [0.34, 0.31, 0.28, 0.18, 0.04, -0.01],
 +
            backgroundColor: [
 +
                'rgba(255, 99, 132, 0.2)',
 +
                'rgba(54, 162, 235, 0.2)',
 +
                'rgba(255, 206, 86, 0.2)',
 +
                'rgba(75, 192, 192, 0.2)',
 +
                'rgba(153, 102, 255, 0.2)',
 +
                'rgba(255, 159, 64, 0.2)'
 +
            ],
 +
            borderColor: [
 +
                'rgba(255,99,132,1)',
 +
                'rgba(54, 162, 235, 1)',
 +
                'rgba(255, 206, 86, 1)',
 +
                'rgba(75, 192, 192, 1)',
 +
                'rgba(153, 102, 255, 1)',
 +
                'rgba(255, 159, 64, 1)'
 +
            ],
 +
            borderWidth: 1
 +
        }]
 +
    },
 +
    options: {
 +
        scales: {
 +
            yAxes: [{
 +
                ticks: {
 +
                    beginAtZero:true,
 +
                    min: 0,
 +
                    max: 1,
 +
                },
 +
                scaleLabel: {
 +
                    display: true,
 +
                    labelString: 'Responsive Index',
 +
                    fontSize: 15,
 +
                }
 +
            }],
 +
            xAxes: [{
 +
                scaleLabel: {
 +
                    display: true,
 +
                    labelString: 'Dilution of phenylpyruvic acid',
 +
                    fontSize: 15,
 +
                }
 +
            }],
 +
        },
 +
 +
        title: {
 +
            display: true,
 +
            text: 'Responsive Index of Phenylpyruvic Acid',
 +
            fontSize: 15,
 +
        },
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
animation: {
 +
duration: 0,
 +
onComplete: function () {
 +
    // render the value of the chart above the bar
 +
    var ctx = this.chart.ctx;
 +
    ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontSize, 'normal', Chart.defaults.global.defaultFontFamily);
 +
    ctx.fillStyle = this.chart.config.options.defaultFontColor;
 +
    ctx.textAlign = 'center';
 +
    ctx.textBaseline = 'bottom';
 +
    this.data.datasets.forEach(function (dataset) {
 +
        for (var i = 0; i < dataset.data.length; i++) {
 +
            var model = dataset._meta[Object.keys(dataset._meta)[0]].data[i]._model;
 +
            ctx.fillText(dataset.data[i], model.x, model.y - 5);
 +
        }
 +
    });
 +
}}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
    },
 +
 +
});
 +
</script>
 +
 +
 +
<p style="text-align: left !important; font-size:15px !important">
 +
<br><br>
 +
For the phenylpyruvic acid droplet test, 6 sets of the tests were performed using different concentrations of chemical ranging from 1x to 1/100000x. Each set was repeated thrice for a constant result. The results were processed to produce an average responsive index. For 1x concentration of phenylpyruvic acid, an average index of +0.34 was recorded. The index then declines slightly to +0.31 at 1/10x concentration and to +0.28 at 1/100x concentration subsequently. The index then drops to +0.18 at 1/1000x concentration. The index further decreases to +0.04 at 1/100000x concentration. It finally decreases to -0.01 at 1/10000x concentration.<br><br>
 +
 +
All response index from the phenylpyruvic acid droplet tests are positive except at concentration 1/100000x with index of -0.01. The indices obtained at concentrations 1/1000x, 1/10000x and 1/100000x are too close to 0, that is a neutral substance. Therefore the data obtained from the three lowest concentrations in this test is ignored and cannot give a conclusion. As the response indices at 1x, 1/10x and 1/100 concentration phenylpyruvic acid are positive and are indicate a relatively significant attractiveness of C.elegans, we would suggest phenylpyruvic acid is a mild attractant to C.elegans. Also, at the above concentrations, the indices decreases consequently with intervals 0.03 and then drop significantly onwards. Therefore we have to use concentrations between 1x and 1/100x of phenylpyruvic acid in further experiments to obtain meaningful results. The indices decrease as the concentration of phenylpyruvic acid decrease, showing the attracting effect is directly proportional to the concentration of phenylpyruvic acid.
 +
<br><br>
 +
 +
To conclude, this assay proves that pure phenylpyruvic acid attracts C. elegans and can be used for our experiments.
 +
<br><br>
 +
</p>
 +
 +
 +
 +
<table id="pa439348" class="display nowrap gabtable" cellspacing="0" width="100%" style="font-size:15px !important;">
 +
        <thead>
 +
            <tr>
 +
                <th>Chemical</th>
 +
    <th>Type</th>
 +
    <th>Concentration</th>
 +
    <th># of worms in T</th>
 +
    <th># of worms in C</th>
 +
    <th>Index</th>
 +
            </tr>
 +
        </thead>
 +
        <tbody>
 +
            <tr>
 +
    <td>Phenylpyruvic Acid</td>
 +
    <td>Droplet Test</td>
 +
    <td>1</td>
 +
    <td>108</td>
 +
    <td>45</td>
 +
    <td>0.411764706</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Phenylpyruvic Acid</td>
 +
    <td>Droplet Test</td>
 +
    <td>1</td>
 +
    <td>14</td>
 +
    <td>8</td>
 +
    <td>0.272727273</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Phenylpyruvic Acid</td>
 +
    <td>Droplet Test</td>
 +
    <td>1</td>
 +
    <td>76</td>
 +
    <td>42</td>
 +
    <td>0.288135593</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Phenylpyruvic Acid</td>
 +
    <td>Droplet Test</td>
 +
    <td>1</td>
 +
    <td>63</td>
 +
    <td>27</td>
 +
    <td>0.4</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Phenylpyruvic Acid</td>
 +
    <td>Droplet Test</td>
 +
    <td>1/10</td>
 +
    <td>15</td>
 +
    <td>9</td>
 +
    <td>0.25</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Phenylpyruvic Acid</td>
 +
    <td>Droplet Test</td>
 +
    <td>1/10</td>
 +
    <td>17</td>
 +
    <td>11</td>
 +
    <td>0.214285714</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Phenylpyruvic Acid</td>
 +
    <td>Droplet Test</td>
 +
    <td>1/10</td>
 +
    <td>63</td>
 +
    <td>29</td>
 +
    <td>0.369565217</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Phenylpyruvic Acid</td>
 +
    <td>Droplet Test</td>
 +
    <td>1/10</td>
 +
    <td>55</td>
 +
    <td>23</td>
 +
    <td>0.41025641</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Phenylpyruvic Acid</td>
 +
    <td>Droplet Test</td>
 +
    <td>1/100</td>
 +
    <td>106</td>
 +
    <td>56</td>
 +
    <td>0.308641975</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Phenylpyruvic Acid</td>
 +
    <td>Droplet Test</td>
 +
    <td>1/100</td>
 +
    <td>15</td>
 +
    <td>11</td>
 +
    <td>0.153846154</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Phenylpyruvic Acid</td>
 +
    <td>Droplet Test</td>
 +
    <td>1/100</td>
 +
    <td>43</td>
 +
    <td>23</td>
 +
    <td>0.303030303</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Phenylpyruvic Acid</td>
 +
    <td>Droplet Test</td>
 +
    <td>1/100</td>
 +
    <td>33</td>
 +
    <td>16</td>
 +
    <td>0.346938776</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Phenylpyruvic Acid</td>
 +
    <td>Droplet Test</td>
 +
    <td>1/1000</td>
 +
    <td>50</td>
 +
    <td>34</td>
 +
    <td>0.19047619</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Phenylpyruvic Acid</td>
 +
    <td>Droplet Test</td>
 +
    <td>1/1000</td>
 +
    <td>12</td>
 +
    <td>7</td>
 +
    <td>0.263157895</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Phenylpyruvic Acid</td>
 +
    <td>Droplet Test</td>
 +
    <td>1/1000</td>
 +
    <td>47</td>
 +
    <td>36</td>
 +
    <td>0.13253012</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Phenylpyruvic Acid</td>
 +
    <td>Droplet Test</td>
 +
    <td>1/1000</td>
 +
    <td>23</td>
 +
    <td>18</td>
 +
    <td>0.12195122</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Phenylpyruvic Acid</td>
 +
    <td>Droplet Test</td>
 +
    <td>1/10000</td>
 +
    <td>70</td>
 +
    <td>64</td>
 +
    <td>0.044776119</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Phenylpyruvic Acid</td>
 +
    <td>Droplet Test</td>
 +
    <td>1/10000</td>
 +
    <td>11</td>
 +
    <td>9</td>
 +
    <td>0.1</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Phenylpyruvic Acid</td>
 +
    <td>Droplet Test</td>
 +
    <td>1/10000</td>
 +
    <td>25</td>
 +
    <td>23</td>
 +
    <td>0.041666667</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Phenylpyruvic Acid</td>
 +
    <td>Droplet Test</td>
 +
    <td>1/10000</td>
 +
    <td>37</td>
 +
    <td>38</td>
 +
    <td>-0.013333333</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Phenylpyruvic Acid</td>
 +
    <td>Droplet Test</td>
 +
    <td>1/100000</td>
 +
    <td>53</td>
 +
    <td>57</td>
 +
    <td>-0.036363636</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Phenylpyruvic Acid</td>
 +
    <td>Droplet Test</td>
 +
    <td>1/100000</td>
 +
    <td>36</td>
 +
    <td>35</td>
 +
    <td>0.014084507</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Phenylpyruvic Acid</td>
 +
    <td>Droplet Test</td>
 +
    <td>1/100000</td>
 +
    <td>25</td>
 +
    <td>28</td>
 +
    <td>-0.056603774</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Phenylpyruvic Acid</td>
 +
    <td>Droplet Test</td>
 +
    <td>1/100000</td>
 +
    <td>19</td>
 +
    <td>18</td>
 +
    <td>0.027027027</td>
 +
  </tr>
 +
        </tbody>
 +
    </table>
 +
 +
<h2>Bacteria synthesized chemicals</h2>
 +
 +
<canvas id="RIoce4g344" width="400" height="280"></canvas>
 +
 +
<script>
 +
var ctx = document.getElementById("RIoce4g344");
 +
var myChart = new Chart(ctx, {
 +
    type: 'bar',
 +
    data: {
 +
        labels: ["Synthetic PA (BBa_K1889007)", "Empty Vector", "PA"],
 +
        datasets: [{
 +
            label: 'Index',
 +
            data: [0.83, 0.63, 0.34],
 +
            backgroundColor: [
 +
                'rgba(255, 99, 132, 0.2)',
 +
                'rgba(54, 162, 235, 0.2)',
 +
                'rgba(255, 206, 86, 0.2)',
 +
            ],
 +
            borderColor: [
 +
                'rgba(255,99,132,1)',
 +
                'rgba(54, 162, 235, 1)',
 +
                'rgba(255, 206, 86, 1)',
 +
            ],
 +
            borderWidth: 1
 +
        }]
 +
    },
 +
    options: {
 +
        scales: {
 +
            yAxes: [{
 +
                ticks: {
 +
                    beginAtZero:true,
 +
                    min: 0,
 +
                    max: 1,
 +
                },
 +
                scaleLabel: {
 +
                    display: true,
 +
                    labelString: 'Responsive Index',
 +
                    fontSize: 15,
 +
                }
 +
            }],
 +
            xAxes: [{
 +
                scaleLabel: {
 +
                    display: true,
 +
                    labelString: 'Testing Samples',
 +
                    fontSize: 15,
 +
                }
 +
            }],
 +
        },
 +
 +
        title: {
 +
            display: true,
 +
            text: 'Comparsion of Responsive index ',
 +
            fontSize: 15,
 +
        },
 +
animation: {
 +
duration: 0,
 +
onComplete: function () {
 +
    // render the value of the chart above the bar
 +
    var ctx = this.chart.ctx;
 +
    ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontSize, 'normal', Chart.defaults.global.defaultFontFamily);
 +
    ctx.fillStyle = this.chart.config.options.defaultFontColor;
 +
    ctx.textAlign = 'center';
 +
    ctx.textBaseline = 'bottom';
 +
    this.data.datasets.forEach(function (dataset) {
 +
        for (var i = 0; i < dataset.data.length; i++) {
 +
            var model = dataset._meta[Object.keys(dataset._meta)[0]].data[i]._model;
 +
            ctx.fillText(dataset.data[i], model.x, model.y - 5);
 +
        }
 +
    });
 +
}}
 +
    },
 +
 +
});
 +
</script>
 +
 +
 +
<p style="text-align: left !important; font-size:15px !important">
 +
<br><br>
 +
We are only able to clone plasmid with phenylpyruvic acid production enabling gene. We used transformed bacteria containing the composite part to produce synthetic PA. The assay is being repeated twice. Its average response index was +0.83. Comparatively, the average index of transformed bacteria with backbone-only plasmid was +0.63, while it is known that bacteria attracts C. elegans as a food source, the data proves that our bacteria indeed has potency as an attractant that is independent of its nature as a food source. Hence, our bacteria are attractants to C. elegans in themselves. The transformed bacteria had a higher index than PA, suggesting that the bacteria are stronger attractants. However, the bacteria still have a lower index than diacetyl.<br><br>
 +
</p>
 +
 +
 +
 +
<table id="cinvol" class="display nowrap gabtable" cellspacing="0" width="100%" style="font-size:15px !important;">
 +
        <thead>
 +
            <tr>
 +
                <th>Chemical</th>
 +
    <th>Type</th>
 +
    <th># of worms in T</th>
 +
    <th># of worms in C</th>
 +
    <th>Index</th>            </tr>
 +
        </thead>
 +
        <tbody>
 +
            <tr>
 +
    <td>Synthetic PA</td>
 +
    <td>Droplet Test</td>
 +
    <td>62</td>
 +
    <td>7</td>
 +
    <td>0.797101449</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Synthetic PA</td>
 +
    <td>Droplet Test</td>
 +
    <td>352</td>
 +
    <td>27</td>
 +
    <td>0.857519789</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Synthetic PA</td>
 +
    <td>Droplet Test</td>
 +
    <td>82</td>
 +
    <td>7</td>
 +
    <td>0.842696629</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Empty Vector</td>
 +
    <td>Droplet Test</td>
 +
    <td>47</td>
 +
    <td>6</td>
 +
    <td>0.773584906</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Empty Vector</td>
 +
    <td>Droplet Test</td>
 +
    <td>55</td>
 +
    <td>12</td>
 +
    <td>0.641791045</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Empty Vector</td>
 +
    <td>Droplet Test</td>
 +
    <td>75</td>
 +
    <td>18</td>
 +
    <td>0.612903226</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Empty Vector</td>
 +
    <td>Droplet Test</td>
 +
    <td>47</td>
 +
    <td>16</td>
 +
    <td>0.492063492</td>
 +
  </tr>
 +
        </tbody>
 +
    </table>
 +
 +
 +
<h2>Overall Comparison</h2>
 +
 +
 +
<canvas id="over59g3y44" width="400" height="280"></canvas>
 +
 +
<script>
 +
var ctx = document.getElementById("over59g3y44");
 +
var myChart = new Chart(ctx, {
 +
    type: 'bar',
 +
    data: {
 +
        labels: ["Water (-ve control)", "Diacetyl", "Cinnemaldehyde", "Synthetic PA (BBa_K1889007)", "Empty Vector", "PA", "Chilli Oil"],
 +
        datasets: [{
 +
            label: 'Index',
 +
            data: [0.07, 0.96, -0.81, 0.83, 0.63, 0.34, 0.59],
 +
            backgroundColor: [
 +
                'rgba(54, 162, 235, 0.2)',
 +
                'rgba(75, 192, 192, 0.2)',
 +
                'rgba(255, 99, 132, 0.2)',
 +
                'rgba(75, 192, 192, 0.2)',
 +
                'rgba(255, 206, 86, 0.2)',
 +
                'rgba(255, 206, 86, 0.2)',
 +
                'rgba(255, 206, 86, 0.2)',
 +
            ],
 +
            borderColor: [
 +
                'rgba(54, 162, 235, 1)',
 +
                'rgba(75, 192, 192, 1)',
 +
                'rgba(255,99,132,1)',
 +
                'rgba(75, 192, 192, 1)',
 +
                'rgba(255, 206, 86, 1)',
 +
                'rgba(255, 206, 86, 1)',
 +
                'rgba(255, 206, 86, 1)',
 +
            ],
 +
            borderWidth: 1
 +
        }]
 +
    },
 +
    options: {
 +
        scales: {
 +
            yAxes: [{
 +
                ticks: {
 +
                    beginAtZero:true,
 +
                    min: -1,
 +
                    max: 1,
 +
                },
 +
                scaleLabel: {
 +
                    display: true,
 +
                    labelString: 'Responsive Index',
 +
                    fontSize: 15,
 +
                }
 +
            }],
 +
            xAxes: [{
 +
                scaleLabel: {
 +
                    display: true,
 +
                    labelString: 'Testing Samples',
 +
                    fontSize: 15,
 +
                }
 +
            }],
 +
        },
 +
 +
        title: {
 +
            display: true,
 +
            text: 'Comparsion of Responsive index',
 +
            fontSize: 15,
 +
        },
 +
animation: {
 +
duration: 0,
 +
onComplete: function () {
 +
    // render the value of the chart above the bar
 +
    var ctx = this.chart.ctx;
 +
    ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontSize, 'normal', Chart.defaults.global.defaultFontFamily);
 +
    ctx.fillStyle = this.chart.config.options.defaultFontColor;
 +
    ctx.textAlign = 'center';
 +
    ctx.textBaseline = 'bottom';
 +
    this.data.datasets.forEach(function (dataset) {
 +
        for (var i = 0; i < dataset.data.length; i++) {
 +
            var model = dataset._meta[Object.keys(dataset._meta)[0]].data[i]._model;
 +
            ctx.fillText(dataset.data[i], model.x, model.y - 5);
 +
        }
 +
    });
 +
}}
 +
 +
    },
 +
 +
});
 +
</script>
 +
 +
 +
<p style="text-align: left !important; font-size:15px !important">
 +
<br><br>
 +
As an overall comparison of pure chemicals, the response index for diacetyl was 0.96, which is tested to be a strong attractant and has been used as a positive control for attractant. Water was used as a negative control and obtained an index of +0.07. Phenylpyruvic acid, having the lowest positive responsive index of +0.34 is suggested to be a mild attractant. On the other hand, pure cinnamaldehyde had -0.81 response index. It was the only chemical that had a negative index, suggesting that it is the only repellant in our range of chemicals. It is a strong repellant as evidence with its obtaining a highly negative index. The index obtained from the bacteria synthesized PA droplet test is higher than that obtained from backbone-only plasmid bacteria. This suggests the transformed bacteria has performed our desired effect.<br><br>
 +
</p>
  
  
 
             </div>
 
             </div>
 
             <div class="col-sm-4 col-xs-12">
 
             <div class="col-sm-4 col-xs-12">
−
                <script src="https://2016.igem.org/Template:Hong_Kong_UCCKE/JS/bootstraptoc?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
 
             </div>
 
             </div>
  
Line 424: Line 1,178:
 
             </style>
 
             </style>
 
             <nav id="toc"></nav>
 
             <nav id="toc"></nav>
−
             <script>
+
              
−
                $(function () {
+
−
                    var navSelector = '#toc';
+
−
                    var $myNav = $(navSelector);
+
−
                    Toc.init($myNav);
+
−
                    $('body').scrollspy({
+
−
                        target: navSelector
+
−
                    });
+
−
                });
+
−
            </script>
+
−
            <script>
+
−
                var fixmeTop = $('.normalsec').offset().top;
+
−
                $(window).scroll(function () {
+
−
                    if (window.innerWidth < 768) {
+
−
                        $('#toc').css({
+
−
                            position: 'relative'
+
−
                            , display: 'none'
+
−
                        });
+
−
                    } else {
+
−
                        var scrollTop = $(".normalsec").offset().top - $(window).scrollTop();
+
−
                        var currentScroll = $(window).scrollTop();
+
−
                        if (currentScroll >= fixmeTop) {
+
−
                            $('#toc').css({
+
−
                                position: 'relative'
+
−
                                , top: scrollTop * -1
+
−
                            });
+
−
                        } else {
+
−
                            $('#toc').css({
+
−
                                position: 'static'
+
−
                            });
+
−
                        }
+
−
                    }
+
−
                });
+
−
            </script>
+
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 +
</div>
 +
</html>
 +
<html>
 +
<div class="container">
 +
</html>
 +
{{Hong_Kong_UCCKE/tourbefore|Experiments|Experiments|Notebook|Notebook}}
 +
<html>
 
</div>
 
</div>
 
</html>
 
</html>
Line 468: Line 1,196:
 
     $('table.display').DataTable({
 
     $('table.display').DataTable({
 
responsive: true,
 
responsive: true,
−
"scrollX": true
+
"scrollX": true,
 +
aLengthMenu: [
 +
        [25, 50, 100, 200, -1],
 +
        [25, 50, 100, 200, "All"]
 +
    ],
 +
    iDisplayLength: -1,
 
});
 
});
 
} );
 
} );
 
</script>
 
</script>
 +
 
<script src="https://code.jquery.com/jquery-1.12.3.js"></script>
 
<script src="https://code.jquery.com/jquery-1.12.3.js"></script>
  
Line 655: Line 1,389:
 
font-size: 15px !important;
 
font-size: 15px !important;
 
}
 
}
−
.example_filter {
+
.dataTables_filter {
 
font-size: 15px !important;
 
font-size: 15px !important;
 
}
 
}
Line 663: Line 1,397:
 
.paginate_button {
 
.paginate_button {
 
font-size: 15px !important;
 
font-size: 15px !important;
 +
}
 +
</style>
 +
<script src="https://2016.igem.org/Template:Hong_Kong_UCCKE/JS/bootstraptoc?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
<script>
 +
                $(function () {
 +
                    var navSelector = '#toc';
 +
                    var $myNav = $(navSelector);
 +
                    Toc.init($myNav);
 +
                    $('body').scrollspy({
 +
                        target: navSelector
 +
                    });
 +
                });
 +
            </script>
 +
            <script>
 +
                var fixmeTop = $('.normalsec').offset().top;
 +
                $(window).scroll(function () {
 +
                    if (window.innerWidth < 768) {
 +
                        $('#toc').css({
 +
                            position: 'relative'
 +
                            , display: 'none'
 +
                        });
 +
                    } else {
 +
                        var scrollTop = $(".normalsec").offset().top - $(window).scrollTop();
 +
                        var currentScroll = $(window).scrollTop();
 +
                        if (currentScroll >= fixmeTop) {
 +
                            $('#toc').css({
 +
                                position: 'relative'
 +
                                , top: scrollTop * -1
 +
                            });
 +
                        } else {
 +
                            $('#toc').css({
 +
                                position: 'static'
 +
                            });
 +
                        }
 +
                    }
 +
                });
 +
            </script>
 +
<style>
 +
.wholehead, .teaminnumbercont, .mainfooter, .tourbefore {
 +
    background-color: #d0b153 !important;
 +
}
 +
nav[data-toggle='toc'] .nav > .active > a, nav[data-toggle='toc'] .nav > .active:hover > a, nav[data-toggle='toc'] .nav > .active:focus > a {
 +
    border-left: 1px solid #d0b153 !important;
 +
    color: #d0b153 !important;
 +
}
 +
nav[data-toggle='toc'] .nav > li > a:hover, nav[data-toggle='toc'] .nav > li > a:focus {
 +
    border-left: #d09153 !important;
 +
    color: #d0b153 !important;
 +
}
 +
.label-primary {
 +
    background-color: #b79634 !important;
 +
}
 +
.header-down:hover {
 +
    color: #7b6523 !important;
 +
}
 +
.copyrightfooter {
 +
    background-color: #a48b41 !important;
 +
}
 +
#return-to-top {
 +
    background: rgba(208, 177, 83, 0.8) !important;
 +
}
 +
#return-to-top:hover {
 +
    background: rgb(208, 177, 83) !important;
 +
}
 +
.mainfooter .fa:hover {
 +
    color: #cdbd8e !important;
 +
}
 +
.tourbefore:hover {
 +
    background-color: #a68d42 !important;
 
}
 
}
 
</style>
 
</style>
 
</html>
 
</html>
 
{{Hong_Kong_UCCKE/illbeback}}
 
{{Hong_Kong_UCCKE/illbeback}}

Latest revision as of 16:22, 19 October 2016

For our experiments, we did 2 types of volatile tests: one for diacetyl and another for cinnamaldehyde.

Positive Control for Attractant



For the diacetyl volatile test, 6 sets of the tests were performed using different concentrations of diacetyl. Each set was repeated twice to obtain an average response index to maximize accuracy. For 1x concentration of diacetyl, the average index was +0.96. At 1/10x concentration, the average index dropped slightly to +0.84. From then on, it dropped dramatically to +0.27 at 1/100x concentration, then to +0.17 at 1/1000x concentration. At 1/10000x concentration, the index was at +0.05. But it rose slightly to +0.06 at 1/100000x concentration.

All the response indices collected were positive. This suggests that diacetyl is a volatile attractant. The high index recorded at 1x concentration shows that diacetyl is the most potent attractant. However, as evidenced by data from 1x concentration to 1/1000x concentration, when concentration is lowered, its potency as an attractant decreases. It can be concluded, hence, that the potency of diacetyl as an attractant is directly proportionate to its concentration up till 1/1000x concentration. The slight rise in average index at 1/100000x concentration suggests that 1/100000x diacetyl is a slightly stronger attractant than 1/10000x diacetyl.

As a result, this assay proves that pure diacetyl attracts C. elegans and can be utilized in our experiments as a positive control for attractant.

Chemical Type Concentration # of worms in T # of worms in C Index
Diacetyl Volatile Test 1 10 0 1
Diacetyl Volatile Test 1 80 3 0.927710843
Diacetyl Volatile Test 1 96 2 0.959183673
Diacetyl Volatile Test 1/10 97 8 0.847619048
Diacetyl Volatile Test 1/10 78 9 0.793103448
Diacetyl Volatile Test 1/10 91 6 0.87628866
Diacetyl Volatile Test 1/100 7 4 0.272727273
Diacetyl Volatile Test 1/100 85 54 0.223021583
Diacetyl Volatile Test 1/100 60 32 0.304347826
Diacetyl Volatile Test 1/1000 18 14 0.125
Diacetyl Volatile Test 1/1000 67 45 0.196428571
Diacetyl Volatile Test 1/1000 51 35 0.186046512
Diacetyl Volatile Test 1/10000 13 13 0
Diacetyl Volatile Test 1/10000 27 22 0.102040816
Diacetyl Volatile Test 1/10000 27 24 0.058823529
Diacetyl Volatile Test 1/100000 18 16 0.058823529
Diacetyl Volatile Test 1/100000 32 29 0.049180328
Diacetyl Volatile Test 1/100000 35 31 0.060606061

Negative control

The average response index of water is taken as +0.07, obtained among 6 repeated assays. This indicates water is a neutral chemical towards C.elegans. considering this, we use water as a negative control for onwards experiments.

CA



For the cinnamaldehyde volatile test, 6 sets of the tests were performed using different concentrations of cinnamaldehyde. Each set was repeated thrice this time. The results were processed to produce an average response index. For 1x concentration of cinnamaldehyde, an average index of -0.81 was recorded. The index then fluctuates slightly to -0.80 at 1/10x concentration and to -0.82 at 1/100x concentration subsequently. The index then drops to -0.50 at 1/1000x concentration. The index decreases dramatically to -0.13 at 1/100000x concentration. It finally decreases to -0.10 at 1/10000x concentration.

All the indices collected were negative. This suggests that cinnamaldehyde is a volatile repellant. The similarly high negative indices at 1x concentration to 1/100x concentration show that cinnamaldehyde is a strong repellant. The difference in indices is only 0.01, hence, it suggests that the differing concentrations have little to do with the repelling effect of cinnamaldehyde. The negative indices then decrease along with concentration as evidenced by the data from 1/1000x concentration 1/100000x concentration. This shows that the repelling effect is directly proportionate to the concentration of the cinnamaldehyde.

As a result, the assay proves that pure cinnamaldehyde repels C. elegans and can be used for our experiments.

Chemical Type Concentration # of worms in T # of worms in C Index
Cinnemoaldehyde Volatile Test 1 18 75 -0.612903226
Cinnemoaldehyde Volatile Test 1 0 24 -1
Cinnemoaldehyde Volatile Test 1 11 92 -0.786407767
Cinnemoaldehyde Volatile Test 1 9 95 -0.826923077
Cinnemoaldehyde Volatile Test 1/10 10 97 -0.813084112
Cinnemoaldehyde Volatile Test 1/10 3 32 -0.828571429
Cinnemoaldehyde Volatile Test 1/10 13 93 -0.754716981
Cinnemoaldehyde Volatile Test 1/10 11 98 -0.798165138
Cinnemoaldehyde Volatile Test 1/100 6 90 -0.875
Cinnemoaldehyde Volatile Test 1/100 2 38 -0.9
Cinnemoaldehyde Volatile Test 1/100 9 68 -0.766233766
Cinnemoaldehyde Volatile Test 1/100 14 96 -0.745454545
Cinnemoaldehyde Volatile Test 1/1000 27 82 -0.504587156
Cinnemoaldehyde Volatile Test 1/1000 9 28 -0.513513514
Cinnemoaldehyde Volatile Test 1/1000 14 40 -0.481481481
Cinnemoaldehyde Volatile Test 1/1000 17 50 -0.492537313
Cinnemoaldehyde Volatile Test 1/10000 40 35 0.066666667
Cinnemoaldehyde Volatile Test 1/10000 16 28 -0.272727273
Cinnemoaldehyde Volatile Test 1/10000 27 37 -0.15625
Cinnemoaldehyde Volatile Test 1/10000 29 39 -0.147058824
Cinnemoaldehyde Volatile Test 1/100000 34 44 -0.128205128
Cinnemoaldehyde Volatile Test 1/100000 25 37 -0.193548387
Cinnemoaldehyde Volatile Test 1/100000 28 33 -0.081967213
Cinnemoaldehyde Volatile Test 1/100000 32 33 -0.015384615

Phenylpyruvic Acid



For the phenylpyruvic acid droplet test, 6 sets of the tests were performed using different concentrations of chemical ranging from 1x to 1/100000x. Each set was repeated thrice for a constant result. The results were processed to produce an average responsive index. For 1x concentration of phenylpyruvic acid, an average index of +0.34 was recorded. The index then declines slightly to +0.31 at 1/10x concentration and to +0.28 at 1/100x concentration subsequently. The index then drops to +0.18 at 1/1000x concentration. The index further decreases to +0.04 at 1/100000x concentration. It finally decreases to -0.01 at 1/10000x concentration.

All response index from the phenylpyruvic acid droplet tests are positive except at concentration 1/100000x with index of -0.01. The indices obtained at concentrations 1/1000x, 1/10000x and 1/100000x are too close to 0, that is a neutral substance. Therefore the data obtained from the three lowest concentrations in this test is ignored and cannot give a conclusion. As the response indices at 1x, 1/10x and 1/100 concentration phenylpyruvic acid are positive and are indicate a relatively significant attractiveness of C.elegans, we would suggest phenylpyruvic acid is a mild attractant to C.elegans. Also, at the above concentrations, the indices decreases consequently with intervals 0.03 and then drop significantly onwards. Therefore we have to use concentrations between 1x and 1/100x of phenylpyruvic acid in further experiments to obtain meaningful results. The indices decrease as the concentration of phenylpyruvic acid decrease, showing the attracting effect is directly proportional to the concentration of phenylpyruvic acid.

To conclude, this assay proves that pure phenylpyruvic acid attracts C. elegans and can be used for our experiments.

Chemical Type Concentration # of worms in T # of worms in C Index
Phenylpyruvic Acid Droplet Test 1 108 45 0.411764706
Phenylpyruvic Acid Droplet Test 1 14 8 0.272727273
Phenylpyruvic Acid Droplet Test 1 76 42 0.288135593
Phenylpyruvic Acid Droplet Test 1 63 27 0.4
Phenylpyruvic Acid Droplet Test 1/10 15 9 0.25
Phenylpyruvic Acid Droplet Test 1/10 17 11 0.214285714
Phenylpyruvic Acid Droplet Test 1/10 63 29 0.369565217
Phenylpyruvic Acid Droplet Test 1/10 55 23 0.41025641
Phenylpyruvic Acid Droplet Test 1/100 106 56 0.308641975
Phenylpyruvic Acid Droplet Test 1/100 15 11 0.153846154
Phenylpyruvic Acid Droplet Test 1/100 43 23 0.303030303
Phenylpyruvic Acid Droplet Test 1/100 33 16 0.346938776
Phenylpyruvic Acid Droplet Test 1/1000 50 34 0.19047619
Phenylpyruvic Acid Droplet Test 1/1000 12 7 0.263157895
Phenylpyruvic Acid Droplet Test 1/1000 47 36 0.13253012
Phenylpyruvic Acid Droplet Test 1/1000 23 18 0.12195122
Phenylpyruvic Acid Droplet Test 1/10000 70 64 0.044776119
Phenylpyruvic Acid Droplet Test 1/10000 11 9 0.1
Phenylpyruvic Acid Droplet Test 1/10000 25 23 0.041666667
Phenylpyruvic Acid Droplet Test 1/10000 37 38 -0.013333333
Phenylpyruvic Acid Droplet Test 1/100000 53 57 -0.036363636
Phenylpyruvic Acid Droplet Test 1/100000 36 35 0.014084507
Phenylpyruvic Acid Droplet Test 1/100000 25 28 -0.056603774
Phenylpyruvic Acid Droplet Test 1/100000 19 18 0.027027027

Bacteria synthesized chemicals



We are only able to clone plasmid with phenylpyruvic acid production enabling gene. We used transformed bacteria containing the composite part to produce synthetic PA. The assay is being repeated twice. Its average response index was +0.83. Comparatively, the average index of transformed bacteria with backbone-only plasmid was +0.63, while it is known that bacteria attracts C. elegans as a food source, the data proves that our bacteria indeed has potency as an attractant that is independent of its nature as a food source. Hence, our bacteria are attractants to C. elegans in themselves. The transformed bacteria had a higher index than PA, suggesting that the bacteria are stronger attractants. However, the bacteria still have a lower index than diacetyl.

Chemical Type # of worms in T # of worms in C Index
Synthetic PA Droplet Test 62 7 0.797101449
Synthetic PA Droplet Test 352 27 0.857519789
Synthetic PA Droplet Test 82 7 0.842696629
Empty Vector Droplet Test 47 6 0.773584906
Empty Vector Droplet Test 55 12 0.641791045
Empty Vector Droplet Test 75 18 0.612903226
Empty Vector Droplet Test 47 16 0.492063492

Overall Comparison



As an overall comparison of pure chemicals, the response index for diacetyl was 0.96, which is tested to be a strong attractant and has been used as a positive control for attractant. Water was used as a negative control and obtained an index of +0.07. Phenylpyruvic acid, having the lowest positive responsive index of +0.34 is suggested to be a mild attractant. On the other hand, pure cinnamaldehyde had -0.81 response index. It was the only chemical that had a negative index, suggesting that it is the only repellant in our range of chemicals. It is a strong repellant as evidence with its obtaining a highly negative index. The index obtained from the bacteria synthesized PA droplet test is higher than that obtained from backbone-only plasmid bacteria. This suggests the transformed bacteria has performed our desired effect.