tnt.tree
Version:
TnT tree display
56 lines (46 loc) • 1.52 kB
HTML
<head>
<!-- D3 -->
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<!-- TnT -->
<link rel="stylesheet" href="../../build/tnt.tree.css" />
<script src="../../build/tnt.tree.js"></script>
<!-- TnT Rest -->
<script src="http://emepyc.github.io/tnt.rest/build/tnt.rest.min.js"></script>
</head>
<body>
<h1>Ensembl gene tree</h1>
<div id="mydiv"></div>
<script>
// gene tree
var rest = tnt.rest()
.domain("rest.ensembl.org");
var url = rest.url()
.endpoint("genetree/id/:id")
.parameters({
id: "ENSGT00390000003602"
});
rest.call(url)
.then (function (resp) {
var tree = resp.body.tree;
var tree_vis = tnt.tree()
.data(tree)
.label(tnt.tree.label.text()
.fontsize(10)
.height(20)
.text(function (node) {
var data = node.data();
if (data.id && data.id.accession) {
return data.id.accession;
}
return "";
})
);
tree_vis(document.getElementById("mydiv"));
});
</script>
<footer>
<aside>Released under <a href="http://www.opensource.org/licenses/apache2.0.php">Apache 2.0</a>.</aside>
Copyright [2016] EMBL - European Bioinformatics Institute
</footer>
</body>