ideogram
Version:
Chromosome visualization with D3.js
37 lines (28 loc) • 801 B
HTML
<html>
<head>
<title>Fly | Ideogram</title>
<link type="text/css" rel="stylesheet" href="../src/css/ideogram.css"/>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.1.1/d3.min.js"></script>
<script type="text/javascript" src="../src/js/ideogram.js"></script>
</head>
<body>
<h1>Fly | Ideogram</h1>
<a href=".">Back to overview</a>
<script type="text/javascript">
function onIdeogramLoad() {
d3.selectAll("g").on("click", function() {
ideogram.rotateAndToggleDisplay(this.id);
});
}
var config = {
taxid: 7227,
chromosomes: ['X', '2L', '2R', '3L', '3R', '4'],
chrHeight: 500,
showBandLabels: true,
onLoad: onIdeogramLoad
};
var ideogram = new Ideogram(config);
</script>
</body>
</html>