Mercurial > repos > dereeper > haplophyle

annotate test-data/cytoscape.html @ 0:6f11162b6fa2 draft

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
author dereeper
date Tue, 14 Aug 2018 08:04:23 -0400
parents
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
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>