Mercurial > repos > dereeper > cytoscape

annotate test-data/network.html @ 1:0e43c52e2449 draft default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Uploaded
author dereeper
date Wed, 09 Jun 2021 18:17:44 +0000
parents e3beb33f88f0
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
0
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
1 <!DOCTYPE html>
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
2 <html><head>
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
3 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
4 <link href="http://sniplay.southgreen.fr/cytoscape/Pie_style/style.css" rel="stylesheet">
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
5 <meta charset="utf-8">
e3beb33f88f0 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">
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
7 <title>Pie style</title>
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
8 <script src="http://sniplay.southgreen.fr/cytoscape/Pie_style/jquery.js"></script>
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
9 <script src="http://sniplay.southgreen.fr/cytoscape/Pie_style/cytoscape.js"></script>
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
10 <script type="text/javascript">
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
11 $(function(){ // on dom ready
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
12
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
13 $('#cy').cytoscape({
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
14
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
15 style: cytoscape.stylesheet()
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
16 .selector(':selected')
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
17 .css({
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
18 'background-color': 'black',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
19 'line-color': 'black',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
20 'opacity': 1
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
21 })
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
22 .selector('.faded')
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
23 .css({
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
24 'opacity': 0.25,
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
25 'text-opacity': 0
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
26 })
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
27 .selector('edge')
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
28 .css({
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
29 'width': 1,
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
30 'line-color': 'black',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
31 })
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
32 .selector('node')
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
33 .css({
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
34 'width': 'mapData(width, 0, 10, 0, 100)',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
35 'height': 'mapData(width, 0, 10, 0, 100)',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
36 'content': 'data(id)',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
37 'pie-size': '98%',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
38 'pie-0-background-color': '#ed292a',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
39 'pie-0-background-size': 'mapData(group0, 0, 10, 0, 100)',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
40 'pie-1-background-color': '#ed292a',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
41 'pie-1-background-size': 'mapData(group1, 0, 10, 0, 100)',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
42 'pie-2-background-color': '#82ABA0',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
43 'pie-2-background-size': 'mapData(group2, 0, 10, 0, 100)',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
44 'pie-3-background-color': '#2255a6',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
45 'pie-3-background-size': 'mapData(group3, 0, 10, 0, 100)',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
46 'pie-4-background-color': '#6ebe43',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
47 'pie-4-background-size': 'mapData(group4, 0, 10, 0, 100)',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
48 'pie-5-background-color': '#e76599',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
49 'pie-5-background-size': 'mapData(group5, 0, 10, 0, 100)',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
50 'pie-6-background-color': '#662e91',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
51 'pie-6-background-size': 'mapData(group6, 0, 10, 0, 100)',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
52 'pie-7-background-color': '#c180ff',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
53 'pie-7-background-size': 'mapData(group7, 0, 10, 0, 100)',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
54 'pie-8-background-color': '#ea8b2f',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
55 'pie-8-background-size': 'mapData(group8, 0, 10, 0, 100)',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
56 'pie-9-background-color': '#fff100',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
57 'pie-9-background-size': 'mapData(group9, 0, 10, 0, 100)',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
58 'pie-10-background-color': '#666666',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
59 'pie-10-background-size': 'mapData(group10, 0, 10, 0, 100)',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
60 'pie-11-background-color': '#01ffff',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
61 'pie-11-background-size': 'mapData(group11, 0, 10, 0, 100)',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
62 'pie-12-background-color': '#bfbfbf',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
63 'pie-12-background-size': 'mapData(group12, 0, 10, 0, 100)',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
64 'pie-13-background-color': '#2ac966',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
65 'pie-13-background-size': 'mapData(group13, 0, 10, 0, 100)',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
66 'pie-14-background-color': '#666666',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
67 'pie-14-background-size': 'mapData(group14, 0, 10, 0, 100)',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
68 'pie-15-background-color': '',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
69 'pie-15-background-size': 'mapData(group15, 0, 10, 0, 100)',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
70
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
71 }),
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
72 "elements": {"nodes": [{ "data": { "id": "MV1", "width": 0.1} },
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
73 { "data": { "id": "MV2", "width": 0.1} },
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
74 { "data": { "id": "MV3", "width": 0.1} },
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
75 { "data": { "id": "haplo1", "width": 1.2000000000000002 } },
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
76 { "data": { "id": "haplo2", "width": 0.8 } },
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
77 { "data": { "id": "haplo3", "width": 5.0 } },
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
78 { "data": { "id": "haplo4", "width": 0.8 } },
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
79 { "data": { "id": "haplo5", "width": 0.8 } },
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
80 { "data": { "id": "haplo6", "width": 0.8 } },
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
81 { "data": { "id": "haplo7", "width": 0.8 } },
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
82 { "data": { "id": "haplo8", "width": 0.8 } }],
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
83 "edges": [
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
84 { "data": { "id": "haplo4MV1", "weight": 1, "source": "haplo4", "target": "MV1"} },
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
85 { "data": { "id": "haplo3haplo4", "weight": 1, "source": "haplo3", "target": "haplo4"} },
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
86 { "data": { "id": "haplo4haplo6", "weight": 1, "source": "haplo4", "target": "haplo6"} },
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
87 { "data": { "id": "haplo1MV1", "weight": 1, "source": "haplo1", "target": "MV1"} },
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
88 { "data": { "id": "haplo1haplo2", "weight": 1, "source": "haplo1", "target": "haplo2"} },
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
89 { "data": { "id": "haplo7MV2", "weight": 1, "source": "haplo7", "target": "MV2"} },
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
90 { "data": { "id": "MV2MV3", "weight": 1, "source": "MV2", "target": "MV3"} },
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
91 { "data": { "id": "haplo5MV3", "weight": 1, "source": "haplo5", "target": "MV3"} },
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
92 { "data": { "id": "MV1MV2", "weight": 1, "source": "MV1", "target": "MV2"} },
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
93 { "data": { "id": "haplo8MV3", "weight": 1, "source": "haplo8", "target": "MV3"} }]}
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
94 ,
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
95 layout: {
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
96 name: 'cose',
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
97 padding: 10
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
98 },
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
99
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
100 ready: function(){
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
101 window.cy = this;
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
102 }
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
103 });
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
104
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
105 });
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
106
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
107 </script>
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
108 </head>
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
109 <body>
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
110 <div id="cy">
e3beb33f88f0 planemo upload commit 11382afe87364aaafb19973470d5066229a6e34f
dereeper
parents:
diff changeset
111 </div>