ideogram
Version:
Chromosome visualization with D3.js
45 lines (40 loc) • 1.62 kB
HTML
<html>
<head>
<title>AncestryDNA analysis, tracks | Ideogram</title>
<link type="text/css" rel="stylesheet" href="../../src/css/ideogram.css"/>
<script type="text/javascript" src="../bands/native/ideogram_9606_GCF_000001305.13_850_v1.js"></script>
<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>AncestryDNA analysis, tracks | Ideogram</h1>
<a href="ancestry.html">View same data in histogram</a>
<div id="container"></div>
Clinical significance of alleles in AncestryDNA sample, according to ClinVar data:
<ul>
<li>Red: pathogenic or likely pathogenic</li>
<li>Grey: uncertain</li>
<li>Green: benign or likely benign</li>
<ul>
<script type="text/javascript">
var annotationTracks = [
{"id": "benignOrLikelyBenignTrack", "displayName": "Benign or likely benign", "color": "#8D4"},
{"id": "uncertainSignificanceTrack", "displayName": "Uncertain significance", "color": "#CCC"},
{"id": "pathogenicOrLikelyPathogenicTrack", "displayName": "Pathogenic or likely pathogenic", "color": "#F00"}
]
var config = {
organism: "human",
assembly: "GRCh37",
chrWidth: 10,
chrHeight: 400,
// Annotations generated by ideogram/scripts/analyze_ancestrydna.py
annotationsPath: "/ideogram/data/analysis/ancestrydna_tracks.json",
annotationTracks: annotationTracks,
annotationHeight: 3,
container: "#container"
};
var ideogram = new Ideogram(config);
</script>
</body>
</html>