Difference between revisions of "Team:KUAS Korea/Contribution"

Line 94: Line 94:
 
     <div class="container-fluid" style="text-align:center">
 
     <div class="container-fluid" style="text-align:center">
  
−
        <div class="row">
+
==Team KUAS_Korea 2017: characterization==
  
−
            <div class="col-md-12" id="djxmfl">
+
We tested the functionality of K1033222 as a constitutive promoter and expression of amilCP chromoprotein in the <i>Escherichia coli</i> DH5alpha.
−
              </div>
+
−
<script>
+
  
−
var margin = {top: 20, right: 20, bottom: 20, left: 220},
+
DH5alpha containing the control(pSB1C3) and BBa_K1033282, respectively, were cultured in LB medium containing chloramphenicol.
−
    width = 1050 - margin.right - margin.left,
+
−
    height = 950 - margin.top - margin.bottom;
+
  
−
var i = 0,
+
Absorbances were measured every 30 minutes using BioRad SmartSpecPlus at 588 nm and 800 nm.
−
    duration = 750,
+
−
    root;
+
−
 
+
−
var tree = d3.layout.tree()
+
−
    .size([height, width]);
+
−
 
+
−
var diagonal = d3.svg.diagonal()
+
−
    .projection(function(d) { return [d.y, d.x]; });
+
−
 
+
−
var svg = d3.select("#djxmfl").append("svg:svg")
+
−
    .attr("width", width + margin.right + margin.left)
+
−
    .attr("height", height + margin.top + margin.bottom)
+
−
  .append("g")
+
−
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")");
+
−
 
+
−
d3.json("//2016.igem.org/Team:Korea_U_Seoul/Assets/attribuitionjson?action=raw", function(error, Korea_U_Seoul) {
+
−
  if (error) throw error;
+
−
 
+
−
  root = Korea_U_Seoul;
+
−
  root.x0 = height / 2;
+
−
  root.y0 = 50;
+
−
 
+
−
  function collapse(d) {
+
−
    if (d.children) {
+
−
      d._children = d.children;
+
−
      d._children.forEach(collapse);
+
−
      d.children = null;
+
−
    }
+
−
  }
+
−
 
+
−
  root.children.forEach(collapse);
+
−
  update(root);
+
−
});
+
−
 
+
−
d3.select(self.frameElement).style("height", "950px");
+
−
 
+
−
function update(source) {
+
−
 
+
−
  // Compute the new tree layout.
+
−
  var nodes = tree.nodes(root).reverse(),
+
−
      links = tree.links(nodes);
+
−
 
+
−
  // Normalize for fixed-depth.
+
−
  nodes.forEach(function(d) { d.y = d.depth * 180; });
+
−
 
+
−
  // Update the nodes…
+
−
  var node = svg.selectAll("g.node")
+
−
      .data(nodes, function(d) { return d.id || (d.id = ++i); });
+
−
 
+
−
  // Enter any new nodes at the parent's previous position.
+
−
  var nodeEnter = node.enter().append("g")
+
−
      .attr("class", "node")
+
−
      .attr("transform", function(d) { return "translate(" + source.y0 + "," + source.x0 + ")"; })
+
−
      .on("click", click);
+
−
 
+
−
  nodeEnter.append("circle")
+
−
      .attr("r", 2e-6)
+
−
      .style("fill", function(d) { return d._children ? "yellow" : "#fff"; });
+
−
 
+
−
  nodeEnter.append("text")
+
−
      .attr("x", function(d) { return d.children || d._children ? -20 : 20; })
+
−
      .attr("dy", ".35em")
+
−
      .attr("text-anchor", function(d) { return d.children || d._children ? "end" : "start"; })
+
−
      .text(function(d) { return d.name; })
+
−
      .style("fill-opacity", 1e-6);
+
−
 
+
−
  // Transition nodes to their new position.
+
−
  var nodeUpdate = node.transition()
+
−
      .duration(duration)
+
−
      .attr("transform", function(d) { return "translate(" + d.y + "," + d.x + ")"; });
+
−
 
+
−
  nodeUpdate.select("circle")
+
−
      .attr("r", 4.5)
+
−
      .style("fill", function(d) { return d._children ? "yellow" : "#fff"; });
+
−
 
+
−
  nodeUpdate.select("text")
+
−
      .style("fill-opacity", 1);
+
−
 
+
−
  // Transition exiting nodes to the parent's new position.
+
−
  var nodeExit = node.exit().transition()
+
−
      .duration(duration)
+
−
      .attr("transform", function(d) { return "translate(" + source.y + "," + source.x + ")"; })
+
−
      .remove();
+
−
 
+
−
  nodeExit.select("circle")
+
−
      .attr("r", 1e-5);
+
−
 
+
−
  nodeExit.select("text")
+
−
      .style("fill-opacity", 1e-5);
+
−
 
+
−
  // Update the links…
+
−
  var link = svg.selectAll("path.link")
+
−
      .data(links, function(d) { return d.target.id; });
+
−
 
+
−
  // Enter any new links at the parent's previous position.
+
−
  link.enter().insert("path", "g")
+
−
      .attr("class", "link")
+
−
      .attr("d", function(d) {
+
−
        var o = {x: source.x0, y: source.y0};
+
−
        return diagonal({source: o, target: o});
+
−
      });
+
−
 
+
−
  // Transition links to their new position.
+
−
  link.transition()
+
−
      .duration(duration)
+
−
      .attr("d", diagonal);
+
−
 
+
−
  // Transition exiting nodes to the parent's new position.
+
−
  link.exit().transition()
+
−
      .duration(duration)
+
−
      .attr("d", function(d) {
+
−
        var o = {x: source.x, y: source.y};
+
−
        return diagonal({source: o, target: o});
+
−
      })
+
−
      .remove();
+
−
 
+
−
  // Stash the old positions for transition.
+
−
  nodes.forEach(function(d) {
+
−
    d.x0 = d.x;
+
−
    d.y0 = d.y;
+
−
  });
+
−
}
+
−
 
+
−
// Toggle children on click.
+
−
function click(d) {
+
−
  if (d.children) {
+
−
    d._children = d.children;
+
−
    d.children = null;
+
−
  } else {
+
−
    d.children = d._children;
+
−
    d._children = null;
+
−
  }
+
−
  update(d);
+
−
}
+
−
 
+
−
</script>
+
−
+
−
              </div>
+
−
            </div>
+
  
  
 +
[[Image:T--KUAS Korea--amilCP.png|500px|center|]]
 +
<br>
 +
[[File:OD588-time-re-KUAS-Korea.png|500px|center|]]
 +
<br>
 +
[[File:OD588-800-ratio-KUAS-Korea.png|500px|center|]]
 +
<br>
 +
[[File:--File-OD588-800-KUAS-Korea-500px-center--.png|center|]]
 +
<br>
 +
The first photo is a transformation of BBa_K1033282 to DH5alpha. This was then grown in LB medium supplemented with chloramphenicol at 37 degrees Celsius. The first graph shows changes in OD588 over time, the second shows changes in OD588 / OD800 ratio with time, and the third shows OD588 according to OD800.
  
 
</html>
 
</html>
 
{{:Team:KUAS_Korea/Templates/Sponsors}}
 
{{:Team:KUAS_Korea/Templates/Sponsors}}

Revision as of 10:26, 28 October 2017

Contribution

==Team KUAS_Korea 2017: characterization== We tested the functionality of K1033222 as a constitutive promoter and expression of amilCP chromoprotein in the Escherichia coli DH5alpha. DH5alpha containing the control(pSB1C3) and BBa_K1033282, respectively, were cultured in LB medium containing chloramphenicol. Absorbances were measured every 30 minutes using BioRad SmartSpecPlus at 588 nm and 800 nm. [[Image:T--KUAS Korea--amilCP.png|500px|center|]]
[[File:OD588-time-re-KUAS-Korea.png|500px|center|]]
[[File:OD588-800-ratio-KUAS-Korea.png|500px|center|]]
[[File:--File-OD588-800-KUAS-Korea-500px-center--.png|center|]]
The first photo is a transformation of BBa_K1033282 to DH5alpha. This was then grown in LB medium supplemented with chloramphenicol at 37 degrees Celsius. The first graph shows changes in OD588 over time, the second shows changes in OD588 / OD800 ratio with time, and the third shows OD588 according to OD800.