cttv.genome
Version:
Lightweight genome browser for CTTV targets based on TnT Genome
48 lines (37 loc) • 1.13 kB
HTML
<meta charset="utf-8">
<title>TnT Themes</title>
<div id="body">
<!-- Fontawesome -->
<link rel="stylesheet" href="../node_modules/font-awesome/css/font-awesome.min.css"/>
<link rel="stylesheet" href="../build/cttv.genome.css"/>
<style>
.center {
margin: auto;
width: 60%;
padding: 10px;
}
</style>
<!-- D3 -->
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="../build/cttv.genome.js"></script>
<h1>CTTV minimal genome browser</h1>
<div id="genomeBrowser" class="center"></div>
<script>
var gB = tnt.board.genome()
.species("human")
.gene("ENSG00000157764")
.width(950);
var gBTheme = targetGenomeBrowser()
.show_nav(false)
.show_links(false);
gBTheme(gB, document.getElementById("genomeBrowser"));
var geneTrack = gBTheme.track("gene");
geneTrack.display().on("click", function (gene) {
if (!gene.gene) { // It is not a transcript
gB.gene (gene.id);
gBTheme.start();
}
});
</script>
</div>