-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathexpanded.html
108 lines (92 loc) · 5.42 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
<!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/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/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/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/Chromosome.js"></script>
<script type="text/javascript" src="js/Track/library/File.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 type="text/javascript" src="js/Track/library/Gene.js"></script>
<script type="text/javascript" src="js/Track/library/HighlightRegion.js"></script>
<script type="text/javascript" src="js/Track/library/Legend.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>
var genoverseConfig = {
container : '#genoverse',
width : 800,
genome : 'grch38',
chr : 13,
start : 32889611,
end : 32973805,
plugins : [ 'controlPanel', 'karyotype', 'trackControls', 'resizer', 'tooltips', 'fileDrop' ],
tracks : [
Genoverse.Track.Scalebar,
Genoverse.Track.extend({
name : 'Sequence',
controller : Genoverse.Track.Controller.Sequence,
model : Genoverse.Track.Model.Sequence.Ensembl,
view : Genoverse.Track.View.Sequence,
resizable : 'auto',
100000 : false
}),
Genoverse.Track.Gene,
Genoverse.Track.extend({
name : 'Regulatory Features',
url : 'http://rest.ensembl.org/overlap/region/human/__CHR__:__START__-__END__?feature=regulatory;content-type=application/json',
resizable : 'auto',
model : Genoverse.Track.Model.extend({ dataRequestLimit : 5000000 }),
setFeatureColor : function (f) { f.color = '#AAA'; }
})
]
}
$(document).ready(function () { window.genoverse = new Genoverse(genoverseConfig); });
</script>
</body>
</html>