comparison test-data/output1.html @ 1:639d2031d998 draft

"planemo upload for repository https://github.com/galaxyproject/tools-iuc/tree/master/packages/spyboat commit 88e9d9a220d160f55e0472719bb463143a4eefa5"
author iuc
date Mon, 30 Nov 2020 21:11:23 +0000
parents 76733d05d8ef
children
comparison
equal deleted inserted replaced
0:76733d05d8ef 1:639d2031d998
5 <head> 5 <head>
6 <!-- that doesn't work with galaxy.. --> 6 <!-- that doesn't work with galaxy.. -->
7 <!--link rel="stylesheet" href="styles.css"--> 7 <!--link rel="stylesheet" href="styles.css"-->
8 <style type="text/css"> 8 <style type="text/css">
9 body{ margin:10 100; background:whitesmoke; } 9 body{ margin:10 100; background:whitesmoke; }
10 /*body{ margin:10 100; background:darkslategrey; }*/ 10 p{
11 text-align: center;
12 margin-top: 0.05cm;
13 margin-bottom: .05cm;
14 color:#2c2e2e;
15 }
11 .center{ 16 .center{
12 text-align: center; 17 text-align: center;
13 display: block; 18 display: block;
14 margin-left: auto; 19 margin-left: auto;
15 margin-right: auto; 20 margin-right: auto;
16 width: 100%;} 21 width: 100%;}
17 22
18 /* matplotlib output at 1600x1200 */ 23 /* matplotlib output at 1600x1200 */
19 .distr_gallery { 24 .snapshot_gallery {
25 margin: 0 0;
26 text-align: center;
20 display: grid; 27 display: grid;
21 margin: 0 auto;
22 text-align: center;
23 /* border: 1px dashed rgba(4, 4, 4, 0.35); */
24 grid-template-columns: repeat(3,1fr);
25 grid-template-rows: 20vw;
26 grid-gap: 0px;
27 column-gap: 0px
28 }
29 .distr_gallery__img {
30 width: 100%;
31 height: 100%;
32 object-fit: contain;
33 }
34
35
36 /* matplotlib output at 1600x1200 */
37 .snapshot_gallery {
38 display: grid;
39 margin: 0 auto;
40 border: 1px dashed rgba(4, 4, 4, 0.35);
41 text-align: center;
42 grid-template-columns: repeat(2,1fr); 28 grid-template-columns: repeat(2,1fr);
43 grid-template-rows: repeat(2,20vw); 29 grid-template-rows: repeat(2,27vw);
44 grid-gap: 5px; 30 grid-gap: 5px;
45 } 31 }
32
46 .snapshot_gallery__img { 33 .snapshot_gallery__img {
47 width: 100%; 34 width: 100%;
48 height: 100%; 35 height: 100%;
49 object-fit: contain; 36 object-fit: contain;
37 margin-top: 5px;
38 margin-bottom: 15px;
50 } 39 }
51 .subheader{ 40 .subheader{
52 text-align:center; 41 text-align:center;
53 font-size: 160%; 42 font-size: 160%;
54 color:#363333;} 43 color:#363333;}
44 .centerimg{
45 text-align: center;
46 width: 65%;
47 max-width: 400px;
48 display: block;
49 padding: 10px;
50 margin-left: auto;
51 margin-right: auto;
52 }
53
54 .div_distr{
55 text-align: center;
56 border-radius: 25px;
57 margin-top: 1cm;
58 margin: auto;
59 margin-bottom: 0.5cm;
60 background-color: #cce1e3;
61 max-width: 550px;
62 }
63
64 .partable{
65 width: 70%;
66 margin-left: auto;
67 margin-right: auto;
68 }
69
70 tr, td{
71 color:#2c2e2e;
72 font-size: 110%;
73 }
74
55 </style> 75 </style>
56 </head> 76 </head>
57 <body> 77 <body>
58 <h1 style="text-align:center; color:#363333">SpyBOAT Results Report</h1> 78 <h1 style="text-align:center; color:#363333">SpyBOAT Results Report</h1>
59 <hr style="width:50%"> 79 <hr style="width:70%">
60 <h1 class="subheader"> Distribution Dynamics </h1> 80
61 <div class="distr_gallery"> 81 <h1 class="subheader"> Spatial Summary Statistics </h1>
62 <figure class=”distr_gallery__item distr_gallery__item--1"> 82 <div class="div_distr">
63 <img src="period_distr.png" alt="Period" class="distr_gallery__img"> 83 <img src="period_distr.png" alt="Period"
64 </figure> 84 class="centerimg">
65 85 <p> Median and quartiles of the estimated periods for each frame </p>
66 <figure class=”distr_gallery__item distr_gallery__item--2"> 86 </div>
67 <img src="power_distr.png" alt="Power" class="distr_gallery__img"> 87
68 </figure> 88
69 89 <div class="div_distr">
70 <figure class=”distr_gallery__item distr_gallery__item--3"> 90 <img src="power_distr.png" alt="Period"
71 <img src="phase_distr.png" alt="Phase" class="distr_gallery__img"> 91 class="centerimg">
72 </figure> 92 <p> Median and quartiles of the ridge wavelet power for each frame </p>
93 </div>
94 <div class="div_distr">
95 <img src="phase_distr.png" alt="Period"
96 class="centerimg">
97 <p> Kuramoto order parameter for the phases estimated for each frame </p>
73 98
74 </div> 99 </div>
75 100
76 <h1 class="subheader"> Output Movie Snapshots </h1> 101 <h1 class="subheader"> Output Movie Snapshots </h1>
77 102
88 Frame Nr. 20 </h3> 113 Frame Nr. 20 </h3>
89 114
90 <div class="snapshot_gallery"> 115 <div class="snapshot_gallery">
91 116
92 <figure class=”snapshot_gallery__item 117 <figure class=”snapshot_gallery__item
93 snapshot_gallery__item--1"> 118 snapshot_gallery__item--1" style="margin: 0 0">
94 <img src="input_frame20.png" alt="The Input" 119 <img src="input_frame20.png" alt="The Input"
95 class="snapshot_gallery__img"> 120 class="snapshot_gallery__img">
96 </figure> 121 </figure>
97 122
98 <figure class=”snapshot_gallery__item 123 <figure class=”snapshot_gallery__item
99 snapshot_gallery__item--2"> 124 snapshot_gallery__item--2" style="margin: 0 0">
100 <img src="phase_frame20.png" alt="Phase" 125 <img src="phase_frame20.png" alt="Phase"
101 class="snapshot_gallery__img"> 126 class="snapshot_gallery__img">
102 </figure> 127 </figure>
103 128
104 <figure class=”snapshot_gallery__item 129 <figure class=”snapshot_gallery__item
105 snapshot_gallery__item--3"> 130 snapshot_gallery__item--3" style="margin: 0 0">
106 <img src="period_frame20.png" 131 <img src="period_frame20.png"
107 alt="Period" class="snapshot_gallery__img"> 132 alt="Period" class="snapshot_gallery__img">
108 </figure> 133 </figure>
109 134
110 <figure class=”snapshot_gallery__item 135 <figure class=”snapshot_gallery__item
111 snapshot_gallery__item--4"> 136 snapshot_gallery__item--4" style="margin: 0 0">
112 <img src="amplitude_frame20.png" 137 <img src="amplitude_frame20.png"
113 alt="Amplitude" class="snapshot_gallery__img"> 138 alt="Amplitude" class="snapshot_gallery__img">
114 </figure> 139 </figure>
115 </div> 140 </div>
116 </div> 141 </div>
117 142
118 <div class="FrameSlides"> 143 <div class="FrameSlides">
119 <h3 style="text-align:center; color=#363333"> 144 <h3 style="text-align:center; color=#363333">
120 Frame Nr. 28 </h3> 145 Frame Nr. 27 </h3>
121 146
122 <div class="snapshot_gallery"> 147 <div class="snapshot_gallery">
123 148
124 <figure class=”snapshot_gallery__item 149 <figure class=”snapshot_gallery__item
125 snapshot_gallery__item--1"> 150 snapshot_gallery__item--1" style="margin: 0 0">
126 <img src="input_frame28.png" alt="The Input" 151 <img src="input_frame27.png" alt="The Input"
127 class="snapshot_gallery__img"> 152 class="snapshot_gallery__img">
128 </figure> 153 </figure>
129 154
130 <figure class=”snapshot_gallery__item 155 <figure class=”snapshot_gallery__item
131 snapshot_gallery__item--2"> 156 snapshot_gallery__item--2" style="margin: 0 0">
132 <img src="phase_frame28.png" alt="Phase" 157 <img src="phase_frame27.png" alt="Phase"
133 class="snapshot_gallery__img"> 158 class="snapshot_gallery__img">
134 </figure> 159 </figure>
135 160
136 <figure class=”snapshot_gallery__item 161 <figure class=”snapshot_gallery__item
137 snapshot_gallery__item--3"> 162 snapshot_gallery__item--3" style="margin: 0 0">
138 <img src="period_frame28.png" 163 <img src="period_frame27.png"
139 alt="Period" class="snapshot_gallery__img"> 164 alt="Period" class="snapshot_gallery__img">
140 </figure> 165 </figure>
141 166
142 <figure class=”snapshot_gallery__item 167 <figure class=”snapshot_gallery__item
143 snapshot_gallery__item--4"> 168 snapshot_gallery__item--4" style="margin: 0 0">
144 <img src="amplitude_frame28.png" 169 <img src="amplitude_frame27.png"
145 alt="Amplitude" class="snapshot_gallery__img"> 170 alt="Amplitude" class="snapshot_gallery__img">
146 </figure> 171 </figure>
147 </div> 172 </div>
148 </div> 173 </div>
149 174
150 <div class="FrameSlides"> 175 <div class="FrameSlides">
151 <h3 style="text-align:center; color=#363333"> 176 <h3 style="text-align:center; color=#363333">
152 Frame Nr. 36 </h3> 177 Frame Nr. 34 </h3>
153 178
154 <div class="snapshot_gallery"> 179 <div class="snapshot_gallery">
155 180
156 <figure class=”snapshot_gallery__item 181 <figure class=”snapshot_gallery__item
157 snapshot_gallery__item--1"> 182 snapshot_gallery__item--1" style="margin: 0 0">
158 <img src="input_frame36.png" alt="The Input" 183 <img src="input_frame34.png" alt="The Input"
159 class="snapshot_gallery__img"> 184 class="snapshot_gallery__img">
160 </figure> 185 </figure>
161 186
162 <figure class=”snapshot_gallery__item 187 <figure class=”snapshot_gallery__item
163 snapshot_gallery__item--2"> 188 snapshot_gallery__item--2" style="margin: 0 0">
164 <img src="phase_frame36.png" alt="Phase" 189 <img src="phase_frame34.png" alt="Phase"
165 class="snapshot_gallery__img"> 190 class="snapshot_gallery__img">
166 </figure> 191 </figure>
167 192
168 <figure class=”snapshot_gallery__item 193 <figure class=”snapshot_gallery__item
169 snapshot_gallery__item--3"> 194 snapshot_gallery__item--3" style="margin: 0 0">
170 <img src="period_frame36.png" 195 <img src="period_frame34.png"
171 alt="Period" class="snapshot_gallery__img"> 196 alt="Period" class="snapshot_gallery__img">
172 </figure> 197 </figure>
173 198
174 <figure class=”snapshot_gallery__item 199 <figure class=”snapshot_gallery__item
175 snapshot_gallery__item--4"> 200 snapshot_gallery__item--4" style="margin: 0 0">
176 <img src="amplitude_frame36.png" 201 <img src="amplitude_frame34.png"
177 alt="Amplitude" class="snapshot_gallery__img"> 202 alt="Amplitude" class="snapshot_gallery__img">
178 </figure> 203 </figure>
179 </div> 204 </div>
180 </div> 205 </div>
181 206
182 <div class="FrameSlides"> 207 <div class="FrameSlides">
183 <h3 style="text-align:center; color=#363333"> 208 <h3 style="text-align:center; color=#363333">
184 Frame Nr. 44 </h3> 209 Frame Nr. 41 </h3>
185 210
186 <div class="snapshot_gallery"> 211 <div class="snapshot_gallery">
187 212
188 <figure class=”snapshot_gallery__item 213 <figure class=”snapshot_gallery__item
189 snapshot_gallery__item--1"> 214 snapshot_gallery__item--1" style="margin: 0 0">
190 <img src="input_frame44.png" alt="The Input" 215 <img src="input_frame41.png" alt="The Input"
191 class="snapshot_gallery__img"> 216 class="snapshot_gallery__img">
192 </figure> 217 </figure>
193 218
194 <figure class=”snapshot_gallery__item 219 <figure class=”snapshot_gallery__item
195 snapshot_gallery__item--2"> 220 snapshot_gallery__item--2" style="margin: 0 0">
196 <img src="phase_frame44.png" alt="Phase" 221 <img src="phase_frame41.png" alt="Phase"
197 class="snapshot_gallery__img"> 222 class="snapshot_gallery__img">
198 </figure> 223 </figure>
199 224
200 <figure class=”snapshot_gallery__item 225 <figure class=”snapshot_gallery__item
201 snapshot_gallery__item--3"> 226 snapshot_gallery__item--3" style="margin: 0 0">
202 <img src="period_frame44.png" 227 <img src="period_frame41.png"
203 alt="Period" class="snapshot_gallery__img"> 228 alt="Period" class="snapshot_gallery__img">
204 </figure> 229 </figure>
205 230
206 <figure class=”snapshot_gallery__item 231 <figure class=”snapshot_gallery__item
207 snapshot_gallery__item--4"> 232 snapshot_gallery__item--4" style="margin: 0 0">
208 <img src="amplitude_frame44.png" 233 <img src="amplitude_frame41.png"
209 alt="Amplitude" class="snapshot_gallery__img"> 234 alt="Amplitude" class="snapshot_gallery__img">
210 </figure> 235 </figure>
211 </div> 236 </div>
212 </div> 237 </div>
213 238
214 <div class="FrameSlides"> 239 <div class="FrameSlides">
215 <h3 style="text-align:center; color=#363333"> 240 <h3 style="text-align:center; color=#363333">
216 Frame Nr. 52 </h3> 241 Frame Nr. 48 </h3>
217 242
218 <div class="snapshot_gallery"> 243 <div class="snapshot_gallery">
219 244
220 <figure class=”snapshot_gallery__item 245 <figure class=”snapshot_gallery__item
221 snapshot_gallery__item--1"> 246 snapshot_gallery__item--1" style="margin: 0 0">
222 <img src="input_frame52.png" alt="The Input" 247 <img src="input_frame48.png" alt="The Input"
223 class="snapshot_gallery__img"> 248 class="snapshot_gallery__img">
224 </figure> 249 </figure>
225 250
226 <figure class=”snapshot_gallery__item 251 <figure class=”snapshot_gallery__item
227 snapshot_gallery__item--2"> 252 snapshot_gallery__item--2" style="margin: 0 0">
228 <img src="phase_frame52.png" alt="Phase" 253 <img src="phase_frame48.png" alt="Phase"
229 class="snapshot_gallery__img"> 254 class="snapshot_gallery__img">
230 </figure> 255 </figure>
231 256
232 <figure class=”snapshot_gallery__item 257 <figure class=”snapshot_gallery__item
233 snapshot_gallery__item--3"> 258 snapshot_gallery__item--3" style="margin: 0 0">
234 <img src="period_frame52.png" 259 <img src="period_frame48.png"
235 alt="Period" class="snapshot_gallery__img"> 260 alt="Period" class="snapshot_gallery__img">
236 </figure> 261 </figure>
237 262
238 <figure class=”snapshot_gallery__item 263 <figure class=”snapshot_gallery__item
239 snapshot_gallery__item--4"> 264 snapshot_gallery__item--4" style="margin: 0 0">
240 <img src="amplitude_frame52.png" 265 <img src="amplitude_frame48.png"
241 alt="Amplitude" class="snapshot_gallery__img"> 266 alt="Amplitude" class="snapshot_gallery__img">
242 </figure> 267 </figure>
243 </div> 268 </div>
244 </div> 269 </div>
245 270
246 <div class="FrameSlides"> 271 <div class="FrameSlides">
247 <h3 style="text-align:center; color=#363333"> 272 <h3 style="text-align:center; color=#363333">
248 Frame Nr. 60 </h3> 273 Frame Nr. 55 </h3>
249 274
250 <div class="snapshot_gallery"> 275 <div class="snapshot_gallery">
251 276
252 <figure class=”snapshot_gallery__item 277 <figure class=”snapshot_gallery__item
253 snapshot_gallery__item--1"> 278 snapshot_gallery__item--1" style="margin: 0 0">
254 <img src="input_frame60.png" alt="The Input" 279 <img src="input_frame55.png" alt="The Input"
255 class="snapshot_gallery__img"> 280 class="snapshot_gallery__img">
256 </figure> 281 </figure>
257 282
258 <figure class=”snapshot_gallery__item 283 <figure class=”snapshot_gallery__item
259 snapshot_gallery__item--2"> 284 snapshot_gallery__item--2" style="margin: 0 0">
260 <img src="phase_frame60.png" alt="Phase" 285 <img src="phase_frame55.png" alt="Phase"
261 class="snapshot_gallery__img"> 286 class="snapshot_gallery__img">
262 </figure> 287 </figure>
263 288
264 <figure class=”snapshot_gallery__item 289 <figure class=”snapshot_gallery__item
265 snapshot_gallery__item--3"> 290 snapshot_gallery__item--3" style="margin: 0 0">
266 <img src="period_frame60.png" 291 <img src="period_frame55.png"
267 alt="Period" class="snapshot_gallery__img"> 292 alt="Period" class="snapshot_gallery__img">
268 </figure> 293 </figure>
269 294
270 <figure class=”snapshot_gallery__item 295 <figure class=”snapshot_gallery__item
271 snapshot_gallery__item--4"> 296 snapshot_gallery__item--4" style="margin: 0 0">
272 <img src="amplitude_frame60.png" 297 <img src="amplitude_frame55.png"
273 alt="Amplitude" class="snapshot_gallery__img"> 298 alt="Amplitude" class="snapshot_gallery__img">
274 </figure> 299 </figure>
275 </div> 300 </div>
276 </div> 301 </div>
277 302
278 <div class="FrameSlides"> 303 <div class="FrameSlides">
279 <h3 style="text-align:center; color=#363333"> 304 <h3 style="text-align:center; color=#363333">
280 Frame Nr. 68 </h3> 305 Frame Nr. 62 </h3>
281 306
282 <div class="snapshot_gallery"> 307 <div class="snapshot_gallery">
283 308
284 <figure class=”snapshot_gallery__item 309 <figure class=”snapshot_gallery__item
285 snapshot_gallery__item--1"> 310 snapshot_gallery__item--1" style="margin: 0 0">
286 <img src="input_frame68.png" alt="The Input" 311 <img src="input_frame62.png" alt="The Input"
287 class="snapshot_gallery__img"> 312 class="snapshot_gallery__img">
288 </figure> 313 </figure>
289 314
290 <figure class=”snapshot_gallery__item 315 <figure class=”snapshot_gallery__item
291 snapshot_gallery__item--2"> 316 snapshot_gallery__item--2" style="margin: 0 0">
292 <img src="phase_frame68.png" alt="Phase" 317 <img src="phase_frame62.png" alt="Phase"
293 class="snapshot_gallery__img"> 318 class="snapshot_gallery__img">
294 </figure> 319 </figure>
295 320
296 <figure class=”snapshot_gallery__item 321 <figure class=”snapshot_gallery__item
297 snapshot_gallery__item--3"> 322 snapshot_gallery__item--3" style="margin: 0 0">
298 <img src="period_frame68.png" 323 <img src="period_frame62.png"
299 alt="Period" class="snapshot_gallery__img"> 324 alt="Period" class="snapshot_gallery__img">
300 </figure> 325 </figure>
301 326
302 <figure class=”snapshot_gallery__item 327 <figure class=”snapshot_gallery__item
303 snapshot_gallery__item--4"> 328 snapshot_gallery__item--4" style="margin: 0 0">
304 <img src="amplitude_frame68.png" 329 <img src="amplitude_frame62.png"
305 alt="Amplitude" class="snapshot_gallery__img"> 330 alt="Amplitude" class="snapshot_gallery__img">
306 </figure> 331 </figure>
307 </div> 332 </div>
308 </div> 333 </div>
309 334
335 <div class="FrameSlides">
336 <h3 style="text-align:center; color=#363333">
337 Frame Nr. 69 </h3>
338
339 <div class="snapshot_gallery">
340
341 <figure class=”snapshot_gallery__item
342 snapshot_gallery__item--1" style="margin: 0 0">
343 <img src="input_frame69.png" alt="The Input"
344 class="snapshot_gallery__img">
345 </figure>
346
347 <figure class=”snapshot_gallery__item
348 snapshot_gallery__item--2" style="margin: 0 0">
349 <img src="phase_frame69.png" alt="Phase"
350 class="snapshot_gallery__img">
351 </figure>
352
353 <figure class=”snapshot_gallery__item
354 snapshot_gallery__item--3" style="margin: 0 0">
355 <img src="period_frame69.png"
356 alt="Period" class="snapshot_gallery__img">
357 </figure>
358
359 <figure class=”snapshot_gallery__item
360 snapshot_gallery__item--4" style="margin: 0 0">
361 <img src="amplitude_frame69.png"
362 alt="Amplitude" class="snapshot_gallery__img">
363 </figure>
364 </div>
365 </div>
366
367 </div>
368
369 <h1 class="subheader"> Parameters </h1>
370 <div class="div_distr">
371 <table border = "1" class="partable">
372 <tr>
373 <th>Name</th>
374 <th>Value</th>
375 </tr>
376
377 <tr>
378 <td>ncpu </td>
379 <td> 1</td>
380 </tr>
381 <tr>
382 <td>rescale_factor </td>
383 <td> None</td>
384 </tr>
385 <tr>
386 <td>gauss_sigma </td>
387 <td> None</td>
388 </tr>
389 <tr>
390 <td>dt </td>
391 <td> 1.0</td>
392 </tr>
393 <tr>
394 <td>Tmin </td>
395 <td> 20.0</td>
396 </tr>
397 <tr>
398 <td>Tmax </td>
399 <td> 30.0</td>
400 </tr>
401 <tr>
402 <td>nT </td>
403 <td> 150</td>
404 </tr>
405 <tr>
406 <td>Tcutoff </td>
407 <td> 40.0</td>
408 </tr>
409 <tr>
410 <td>win_size </td>
411 <td> None</td>
412 </tr>
413 <tr>
414 <td>masking </td>
415 <td> None</td>
416 </tr>
417 <tr>
418 <td>mask_frame </td>
419 <td> None</td>
420 </tr>
421 <tr>
422 <td>mask_thresh </td>
423 <td> 0</td>
424 </tr>
425 </table>
310 </div> 426 </div>
311 427
312 <!-- javascript with escaped '{'---> 428 <!-- javascript with escaped '{'--->
313 <script> 429 <script>
314 var slideIndex = 1; 430 var slideIndex = 1;