Mercurial > repos > dereeper > haplophyle
annotate test-data/cytoscape.html @ 2:d6281dc90e20 draft default tip
Uploaded
author | dereeper |
---|---|
date | Wed, 09 Jun 2021 16:54:15 +0000 |
parents | 6f11162b6fa2 |
children |
rev | line source |
---|---|
0
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
1 <!DOCTYPE html> |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
2 <html><head> |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
3 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
4 <link href="http://sniplay.southgreen.fr/cytoscape/Pie_style/style.css" rel="stylesheet"> |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
5 <meta charset="utf-8"> |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
6 <meta name="viewport" content="user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui"> |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
7 <title>Pie style</title> |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
8 <script src="http://sniplay.southgreen.fr/cytoscape/Pie_style/jquery.js"></script> |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
9 <script src="http://sniplay.southgreen.fr/cytoscape/Pie_style/cytoscape.js"></script> |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
10 <script type="text/javascript"> |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
11 $(function(){ // on dom ready |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
12 |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
13 $('#cy').cytoscape({ |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
14 |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
15 style: cytoscape.stylesheet() |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
16 .selector(':selected') |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
17 .css({ |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
18 'background-color': 'black', |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
19 'line-color': 'black', |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
20 'opacity': 1 |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
21 }) |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
22 .selector('.faded') |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
23 .css({ |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
24 'opacity': 0.25, |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
25 'text-opacity': 0 |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
26 }) |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
27 .selector('edge') |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
28 .css({ |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
29 'width': 1, |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
30 'line-color': 'black', |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
31 }) |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
32 .selector('node') |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
33 .css({ |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
34 'width': 'mapData(width, 0, 10, 0, 100)', |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
35 'height': 'mapData(width, 0, 10, 0, 100)', |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
36 'content': 'data(id)', |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
37 'pie-size': '98%', |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
38 |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
39 }), |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
40 elements: { |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
41 nodes: [ |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
42 { data: { id: 'MV1', width: 0.1} }, |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
43 { data: { id: 'MV2', width: 0.1} }, |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
44 { data: { id: 'MV3', width: 0.1} }, |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
45 { data: { id: 'haplo1', width: 1.2000000000000002 } }, |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
46 { data: { id: 'haplo2', width: 0.8 } }, |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
47 { data: { id: 'haplo3', width: 5.0 } }, |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
48 { data: { id: 'haplo4', width: 0.8 } }, |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
49 { data: { id: 'haplo5', width: 0.8 } }, |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
50 { data: { id: 'haplo6', width: 0.8 } }, |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
51 { data: { id: 'haplo7', width: 0.8 } }, |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
52 { data: { id: 'haplo8', width: 0.8 } }, |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
53 ], |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
54 edges: [ |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
55 { data: { id: 'haplo7MV2', weight: 1, source: 'haplo7', target: 'MV2'} }, |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
56 { data: { id: 'haplo4haplo6', weight: 1, source: 'haplo4', target: 'haplo6'} }, |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
57 { data: { id: 'haplo1haplo2', weight: 1, source: 'haplo1', target: 'haplo2'} }, |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
58 { data: { id: 'haplo1MV1', weight: 1, source: 'haplo1', target: 'MV1'} }, |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
59 { data: { id: 'haplo4MV1', weight: 1, source: 'haplo4', target: 'MV1'} }, |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
60 { data: { id: 'haplo3haplo4', weight: 1, source: 'haplo3', target: 'haplo4'} }, |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
61 { data: { id: 'MV2MV3', weight: 1, source: 'MV2', target: 'MV3'} }, |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
62 { data: { id: 'haplo5MV3', weight: 1, source: 'haplo5', target: 'MV3'} }, |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
63 { data: { id: 'MV1MV2', weight: 1, source: 'MV1', target: 'MV2'} }, |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
64 { data: { id: 'haplo8MV3', weight: 1, source: 'haplo8', target: 'MV3'} }, |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
65 |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
66 ] |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
67 }, |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
68 layout: { |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
69 name: 'cose', |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
70 padding: 10 |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
71 }, |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
72 |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
73 ready: function(){ |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
74 window.cy = this; |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
75 } |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
76 }); |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
77 |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
78 }); |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
79 |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
80 </script> |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
81 </head> |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
82 <body> |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
83 <div id="cy"> |
6f11162b6fa2
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff
changeset
|
84 </div> |