ideogram
Version:
Chromosome visualization with D3.js
34 lines (28 loc) • 1.01 kB
HTML
<html>
<head>
<title>Annotations, tracks | 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>Annotations, tracks | Ideogram</h1>
<a href=".">Back to overview</a>
<script type="text/javascript">
var annotationTracks = [
{"id": "pathogenicTrack", "displayName": "Pathogenic", "color": "#F00"},
{"id": "uncertainSignificanceTrack", "displayName": "Uncertain significance", "color": "#CCC"},
{"id": "benignTrack", "displayName": "Benign", "color": "#8D4"}
]
var config = {
organism: "human",
chrWidth: 8,
annotationsPath: "/ideogram/data/annotations/1000_virtual_snvs.json",
annotationTracks: annotationTracks,
annotationHeight: 3.5
};
var ideogram = new Ideogram(config);
</script>
</body>
</html>