Skip to content

Instantly share code, notes, and snippets.

@Wanagram

Wanagram/README.md

Last active April 3, 2016 20:28
Show Gist options
  • Save Wanagram/ef2a6485013f23fc0319106d2858888c to your computer and use it in GitHub Desktop.
Save Wanagram/ef2a6485013f23fc0319106d2858888c to your computer and use it in GitHub Desktop.
Download ZIP
Amino Chain
Raw
genes.json.txt
[{
"name": 1,
"start": 50,
"stop": 2000,
"direction": "forward",
"family": "7",
"sequence": "ATGCGCGCCCCCCCGATGATCGGCGCGATATGGGGGGGGGGGCGCGATCGAGCT"
},
{
"name": 2,
"start": 2150,
"stop": 2900,
"direction": "reverse",
"family": "201",
"sequence": "TAGCGACGTATATTAGCGCGGCATATACGATGGGGGGGGGGGGCGTGGGCTA"
},
{
"name": 3,
"start": 3000,
"stop": 4550,
"direction": "forward",
"family": "90",
"sequence": "ACTGTCTATGCGCGCGATATTAGCATGCTACGTGTAGCTAGTCGTTATGCGCGGCACTACTGACTGTAC"
},
{
"name": 4,
"start": 4700,
"stop": 7550,
"direction": "forward",
"family": "3752",
"sequence": "GCGCGATCTACGGCGCGCGATCTACTATGCGCGCGCGATCGACGTAGCGC"
}
]
Raw
index.html
<head>
<meta charset="utf-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>
<body>
<script>
window.addEventListener('load', function () {
$.getJSON("genes.json.txt", function(data){
var sequence = [];
for(i=0;i<data.length;i++){
sequence.push(data[i].sequence);
}
var aminoArray = [];
var startNuc = 0;
for(i=1;i<sequence[0].length/3;i++){
aminoArray.push(sequence[0].substring(startNuc,startNuc+3));
startNuc = i*3;
}
var aminoSeq = [];
for(i=0; i<aminoArray.length; i++){
switch(aminoArray[i]){
case 'GCA':
case 'GCC':
case 'GCG':
case 'GCT':
aminoSeq.push("Ala")
break;
case 'AAC':
case 'AAT':
case 'GAC':
case 'GAT':
aminoSeq.push("Asx")
break;
case 'TGC':
case 'TGT':
aminoSeq.push("Cys")
break;
case 'GAC':
case 'GAT':
aminoSeq.push("Asp")
break;
case 'GAA':
case 'GAG':
aminoSeq.push("Glu")
break;
case 'TTC':
case 'TTT':
aminoSeq.push("Phe")
break;
case 'GGA':
case 'GGC':
case 'GGG':
case 'GGT':
aminoSeq.push("Gly")
break;
case 'CAC':
case 'CAT':
aminoSeq.push("His")
break;
case 'ATA':
case 'ATC':
case 'ATT':
aminoSeq.push("Ile")
break;
case 'AAA':
case 'AAG':
aminoSeq.push("Lys")
break;
case 'CTA':
case 'CTC':
case 'CTG':
case 'CTT':
case 'TTA':
case 'TTG':
aminoSeq.push("Leu")
break;
case 'ATG':
aminoSeq.push("Met")
break;
case 'AAC':
case 'AAT':
aminoSeq.push("Asn")
break;
case 'CCA':
case 'CCC':
case 'CCG':
case 'CCT':
aminoSeq.push("Pro")
break;
case 'CAA':
case 'CAG':
aminoSeq.push("Gln")
break;
case 'AGA':
case 'AGG':
case 'CGA':
case 'CGC':
case 'CGG':
case 'CGT':
aminoSeq.push("Arg")
break;
case 'AGC':
case 'AGT':
case 'TCA':
case 'TCC':
case 'TCG':
case 'TCT':
aminoSeq.push("Ser")
break;
case 'ACA':
case 'ACC':
case 'ACG':
case 'ACT':
aminoSeq.push("Thr")
break;
case 'GTA':
case 'GTC':
case 'GTG':
case 'GTT':
aminoSeq.push("Val")
break;
case 'TGG':
aminoSeq.push("Trp")
break;
case 'TAC':
case 'TAT':
aminoSeq.push("Tyr")
break;
case 'CAA':
case 'CAG':
case 'GAA':
case 'GAG':
aminoSeq.push("Glx")
break;
case 'TAA':
case 'TAG':
case 'TGA':
aminoSeq.push("STOP")
break;
}
}
console.log(aminoSeq)
})
var svg = d3.select("body").append("svg").attr({height: 500,width: 750});
svg.append("g")
.append("rect")
d3.json("genes.json.txt", function(error, json) {
if (error) return console.warn(error);
var rects = svg.selectAll(".genes")
.data(json)
.enter()
.append("rect");
var rectAttr = rects
.attr("x", function(d){})
.attr("width", "50px")
.attr("height","30px")
.attr("y", "50")
})
d3.select("body").selectAll("g")
.data(aminoSeq)
.enter()
.append("rect")
})
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment