ideogram
Version:
Chromosome visualization with D3.js
40 lines (36 loc) • 965 B
HTML
<html>
<head>
<title>Annotations, basic | 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>
<style>
html, body {
height: 100%;
}
</style>
</head>
<body>
<h1>Annotations, basic | Ideogram</h1>
<a href=".">Back to overview</a>
<p>
The location of <a href="https://www.ncbi.nlm.nih.gov/gene/672">BRCA1</a> is depicted here in red.
</p>
<script type="text/javascript">
var config = {
organism: "human",
chromosome: "17",
chrHeight: 600,
orientation: "horizontal",
annotations: [{
"name": "BRCA1",
"chr": "17",
"start": 43044294,
"stop": 43125482
}]
};
var ideogram = new Ideogram(config);
</script>
</body>
</html>