forked from DECIPHER-genomics/Genoverse
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathexpanded.html
119 lines (102 loc) · 5.67 KB
/
expanded.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/genoverse.css" />
<link rel="stylesheet" type="text/css" href="css/controlPanel.css" />
<link rel="stylesheet" type="text/css" href="css/trackControls.css" />
<link rel="stylesheet" type="text/css" href="css/resizer.css" />
<link rel="stylesheet" type="text/css" href="css/tooltips.css" />
</head>
<body>
<div id="genoverse"></div>
<script type="text/javascript" src="js/lib/jquery.js"></script>
<script type="text/javascript" src="js/lib/jquery-ui.js"></script>
<script type="text/javascript" src="js/lib/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/lib/jquery.mousehold.js"></script>
<script type="text/javascript" src="js/lib/jquery.tipsy.js"></script>
<script type="text/javascript" src="js/genomes/grch37.js"></script>
<script type="text/javascript" src="js/lib/Base.js"></script>
<script type="text/javascript" src="js/lib/rtree.js"></script>
<script type="text/javascript" src="js/Genoverse.js"></script>
<script type="text/javascript" src="js/Track.js"></script>
<script type="text/javascript" src="js/Track/library/File.js"></script>
<script type="text/javascript" src="js/Track/Controller.js"></script>
<script type="text/javascript" src="js/Track/Model.js"></script>
<script type="text/javascript" src="js/Track/View.js"></script>
<script type="text/javascript" src="js/Track/library/Static.js"></script>
<script type="text/javascript" src="js/Track/library/Configurable.js"></script>
<script type="text/javascript" src="js/Track/Controller/Stranded.js"></script>
<script type="text/javascript" src="js/Track/Model/Stranded.js"></script>
<script type="text/javascript" src="js/Track/library/Chromosome.js"></script>
<script type="text/javascript" src="js/Track/library/Scaleline.js"></script>
<script type="text/javascript" src="js/Track/library/Scalebar.js"></script>
<script type="text/javascript" src="js/Track/library/Legend.js"></script>
<script type="text/javascript" src="js/Track/Controller/Sequence.js"></script>
<script type="text/javascript" src="js/Track/Model/Sequence.js"></script>
<script type="text/javascript" src="js/Track/Model/Sequence/Fasta.js"></script>
<script type="text/javascript" src="js/Track/Model/Sequence/Ensembl.js"></script>
<script type="text/javascript" src="js/Track/Model/Sequence/DAS.js"></script>
<script type="text/javascript" src="js/Track/View/Sequence.js"></script>
<script type="text/javascript" src="js/Track/Model/SequenceVariation.js"></script>
<script type="text/javascript" src="js/Track/Model/SequenceVariation/VCF.js"></script>
<script type="text/javascript" src="js/Track/Model/Gene.js"></script>
<script type="text/javascript" src="js/Track/Model/Gene/Ensembl.js"></script>
<script type="text/javascript" src="js/Track/View/Gene.js"></script>
<script type="text/javascript" src="js/Track/View/Gene/Ensembl.js"></script>
<script type="text/javascript" src="js/Track/Model/Transcript.js"></script>
<script type="text/javascript" src="js/Track/Model/Transcript/Ensembl.js"></script>
<script type="text/javascript" src="js/Track/Model/Transcript/GFF3.js"></script>
<script type="text/javascript" src="js/Track/View/Transcript.js"></script>
<script type="text/javascript" src="js/Track/View/Transcript/Ensembl.js"></script>
<script type="text/javascript" src="js/Track/Model/File.js"></script>
<script type="text/javascript" src="js/Track/Model/File/GFF.js"></script>
<script type="text/javascript" src="js/Track/Model/File/BED.js"></script>
<script type="text/javascript" src="js/Track/library/File/GFF.js"></script>
<script type="text/javascript" src="js/Track/library/File/GFF3.js"></script>
<script type="text/javascript" src="js/Track/library/File/BED.js"></script>
<script type="text/javascript" src="js/Track/library/File/VCF.js"></script>
<script>
var genoverseConfig = {
container : '#genoverse',
width : 756,
genome : 'grch37',
// If no genome supplied, it must have at least chromosomeSize, e.g.:
// chromosomeSize : 249250621, // chromosome 1, human
chr : 1,
start : 45476751,
end : 45480893,
plugins : [ 'controlPanel', 'karyotype', 'trackControls', 'resizer', 'tooltips', 'fileDrop' ],
tracks : [
Genoverse.Track.Scalebar,
Genoverse.Track.extend({
name : 'Sequence',
model : Genoverse.Track.Model.Sequence.Ensembl,
view : Genoverse.Track.View.Sequence,
resizable : 'auto',
100000 : false
}),
Genoverse.Track.extend({
name : 'Genes',
height : 200,
// Different settings for different zoom level
2000000: { // This one applies when > 2M base-pairs per screen
labels : false
},
100000: { // more than 100K but less then 2M
labels : true,
model : Genoverse.Track.Model.Gene.Ensembl,
view : Genoverse.Track.View.Gene.Ensembl
},
1: { // > 1 base-pair, but less then 100K
labels : true,
model : Genoverse.Track.Model.Transcript.Ensembl,
view : Genoverse.Track.View.Transcript.Ensembl
}
})
]
}
$(document).ready(function () { window.genoverse = new Genoverse(genoverseConfig); });
</script>
</body>
</html>