-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathBlabri1-mitochondrion.html
128 lines (125 loc) · 4.3 KB
/
Blabri1-mitochondrion.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
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Blastocladiella emersonii Mitochondrion</title>
</head>
<body>
<!-- NGCircos.js, Jquery.js and D3.js import -->
<script src="jquery.js"></script>
<script src="d3.js"></script>
<script src="NGCircos.js"></script>
<!-- Prepare a <div> tag with "NGCircos" id to set the picture position your will draw in html -->
<div id="NGCircos"></div>
<!-- Data configuration -->
<script src="./Blabri1-mitochondrion.genes.txt"></script>
<!-- Genome configuration -->
<script>
var NGCircosGenome = [
[
["NC_011360" , 36503]
]
];
NGCircos01 = new NGCircos(GENE0,GENE1,GENE2,GENE3,GENE4,GENE5,GENE6,GENE7,GENE8,GENE9,GENE10,GENE11,GENE12,GENE13,GENE14,GENE15,GENE16,GENE17,GENE18,GENE19,GENE20,GENE21,GENE22,GENE23,GENE24,GENE25,GENE26,GENE27,GENE28,GENE29,GENE30,GENE31,GENE32,GENE33,GENE34,GENE35,GENE36,GENE37,GENE38,GENE39,GENE40,GENE41,GENE42,GENE43,LEGEND01,NGCircosGenome,{
//Main configuration
zoom : true,
target : "NGCircos",
svgWidth : 900,
svgHeight : 600,
svgClassName: "NGCircos",
chrPad : 0, // circularity
innerRadius: 250,
outerRadius: 265,
genomeFillColor: ["#000000"],
genomeLabel: {display:false},
ticks:{display:false},
GENEMouseEvent : true,
GENEMouseClickDisplay : true,
GENEMouseClickColor : "none",
GENEMouseClickArcOpacity : 1.0,
GENEMouseClickArcStrokeColor : "none",
GENEMouseClickArcStrokeWidth : 1,
GENEMouseClickTextFromData : "first", //first,second,third,fifth column
GENEMouseClickTextOpacity : 1,
GENEMouseClickTextColor : "#000000",
GENEMouseClickTextSize : 18,
GENEMouseClickTextPostionX : 0,
GENEMouseClickTextPostionY : 0,
GENEMouseClickTextDrag : false,
GENExlink :true,
/*
GENEMouseDownDisplay : false,
GENEMouseDownColor : "none",
GENEMouseDownArcOpacity : 1.0,
GENEMouseDownArcStrokeColor : "#F26223",
GENEMouseDownArcStrokeWidth : 1,
GENEMouseEnterDisplay : false,
GENEMouseEnterColor : "none",
GENEMouseEnterArcOpacity : 1.0,
GENEMouseEnterArcStrokeColor : "#F26223",
GENEMouseEnterArcStrokeWidth : 1,
GENEMouseLeaveDisplay : false,
GENEMouseLeaveColor : "none",
GENEMouseLeaveArcOpacity : 1.0,
GENEMouseLeaveArcStrokeColor : "#F26223",
GENEMouseLeaveArcStrokeWidth : 0,
GENEMouseMoveDisplay : false,
GENEMouseMoveColor : "none",
GENEMouseMoveArcOpacity : 1.0,
GENEMouseMoveArcStrokeColor : "#F26223",
GENEMouseMoveArcStrokeWidth : 0,
*/
// MouseOver, MouseOut
GENEMouseOverDisplay : true,
GENEMouseOverColor : "none",
GENEMouseOverArcOpacity : 1.0,
GENEMouseOverArcStrokeColor : "black", //"none","#F26223"
GENEMouseOverArcStrokeWidth : "none", //"none",3
GENEMouseOutDisplay : true,
GENEMouseOutAnimationTime : 500,
GENEMouseOutColor : "none",
GENEMouseOutArcOpacity : 1.0,
GENEMouseOutArcStrokeColor : "red",
GENEMouseOutArcStrokeWidth : 0,
/*
GENEMouseUpDisplay : false,
GENEMouseUpColor : "grey",
GENEMouseUpArcOpacity : 1.0,
GENEMouseUpArcStrokeColor : "#F26223",
GENEMouseUpArcStrokeWidth : 0,
*/
GENEMouseOverTooltipsSetting : "custom",
GENEMouseOverTooltipsHtml : " ",
/*
GENEMouseOverTooltipsHtml01 : "<br>name: ",
GENEMouseOverTooltipsHtml02 : "<br>start: ",
GENEMouseOverTooltipsHtml03 : "<br>end: ",
GENEMouseOverTooltipsHtml04 : " ",
GENEMouseOverTooltipsHtml05 : "<br>Strand: ",
GENEMouseOverTooltipsHtml06 : "<br>Type: ",
GENEMouseOverTooltipsHtml07 : "",
GENEMouseOverTooltipsBackgroundColor : "white",
*/
GENEMouseOverTooltipsPosition : "absolute",
GENEMouseOverTooltipsBorderStyle : "solid",
GENEMouseOverTooltipsBorderWidth : 2,
GENEMouseOverTooltipsPadding : "3px",
GENEMouseOverTooltipsBorderRadius : "3px",
GENEMouseOverTooltipsOpacity : 0.8,
/*
ARCMouseOnDisplay : true,
ARCMouseEvent : true,
ARCMouseOverDisplay : true,
ARCMouseOverColor : "none",
ARCMouseOverArcStrokeColor : "black",
ARCMouseOutDisplay : true,
ARCMouseOutAnimationTime : 100,
ARCMouseOutArcStrokeColor : "none",
ARCMouseOutColor : "none"
*/
});
NGCircos01.draw_genome(NGCircos01.genomeLength);
NGCircos01.draw_genome(NGCircos01.genomeLength2); // NGCircos2.js callback second time
</script>
</body>
</html>