ideogram
Version:
Chromosome visualization for the web
87 lines (72 loc) • 2.4 kB
HTML
<html>
<head>
<title>Homology, interspecies | Ideogram</title>
<style>
body {font: 14px Arial; line-height: 19.6px; padding: 0 15px;}
a, a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a, a:hover, a:visited, a:active {color: #0366d6;}
</style>
<script type="text/javascript" src="../../dist/js/ideogram.min.js"></script>
<link rel="icon" type="image/x-icon" href="img/ideogram_favicon.ico">
</head>
<body>
<h1>Homology, human and gorilla | Ideogram</h1>
<a href="../">Overview</a> |
<a href="homology-advanced">Previous</a> |
<a href="annotations-basic">Next</a> |
<a href="https://github.com/eweitz/ideogram/blob/gh-pages/homology-interspecies.html" target="_blank">Source</a>
<p>
This demonstrates support for drawing features between two genomes that
have centromere data.
</p>
<p>
See also: <a href='homology-human-chimpanzee'>Homology, human and chimpanzee</a>
</p>
<script type="text/javascript">
function onIdeogramLoad() {
// See HomoloGene entry for MTOR at
// http://www.ncbi.nlm.nih.gov/homologene/3637
// Placements for H. sapiens and M. musculus used below.
// Placements from latest annotation release in
// Human: http://www.ncbi.nlm.nih.gov/gene/2475#genomic-context
// Mouse: http://www.ncbi.nlm.nih.gov/gene/56717#genomic-context
var chrs, chr1, chr4, syntheticRegions, humanTaxid, mouseTaxid;
humanTaxid = ideogram.getTaxid('chimpanzee');
mouseTaxid = ideogram.getTaxid('gorilla');
var chrs = ideogram.chromosomes,
chr1 = chrs[humanTaxid]['1'],
chr4 = chrs[mouseTaxid]['4'],
syntenicRegions = [];
range1 = {
chr: chr1,
start: 11106531,
stop: 11262557,
orientation: 'reverse'
};
range2 = {
chr: chr4,
start: 148448582,
stop: 148557685
};
syntenicRegions.push({'r1': range1, 'r2': range2});
ideogram.drawSynteny(syntenicRegions);
}
var config = {
organism: ['chimpanzee', 'gorilla'],
chromosomes: {
chimpanzee: ['1'],
gorilla: ['4']
},
chrHeight: 400,
chrMargin: 50,
fullChromosomeLabels: true,
perspective: 'comparative',
rotatable: false,
onLoad: onIdeogramLoad
};
var ideogram = new Ideogram(config);
</script>
</body>
</html>