Mercurial > repos > iuc > spyboat
view test-data/output1.html @ 3:9c53c7da9cbe draft
planemo upload for repository https://github.com/galaxyproject/tools-iuc/tree/master/packages/spyboat commit 169dbae234162ed1e7167e62a3e54de8f89b0268
author | iuc |
---|---|
date | Thu, 23 Jun 2022 17:28:14 +0000 |
parents | 639d2031d998 |
children |
line wrap: on
line source
<html> <!-- this file got automatically created by 'output_report.py' --> <title>SpyBOAT Output Report</title> <head> <!-- that doesn't work with galaxy.. --> <!--link rel="stylesheet" href="styles.css"--> <style type="text/css"> body{ margin:10 100; background:whitesmoke; } p{ text-align: center; margin-top: 0.05cm; margin-bottom: .05cm; color:#2c2e2e; } .center{ text-align: center; display: block; margin-left: auto; margin-right: auto; width: 100%;} /* matplotlib output at 1600x1200 */ .snapshot_gallery { margin: 0 0; text-align: center; display: grid; grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(2,27vw); grid-gap: 5px; } .snapshot_gallery__img { width: 100%; height: 100%; object-fit: contain; margin-top: 5px; margin-bottom: 15px; } .subheader{ text-align:center; font-size: 160%; color:#363333;} .centerimg{ text-align: center; width: 65%; max-width: 400px; display: block; padding: 10px; margin-left: auto; margin-right: auto; } .div_distr{ text-align: center; border-radius: 25px; margin-top: 1cm; margin: auto; margin-bottom: 0.5cm; background-color: #cce1e3; max-width: 550px; } .partable{ width: 70%; margin-left: auto; margin-right: auto; } tr, td{ color:#2c2e2e; font-size: 110%; } </style> </head> <body> <h1 style="text-align:center; color:#363333">SpyBOAT Results Report</h1> <hr style="width:70%"> <h1 class="subheader"> Spatial Summary Statistics </h1> <div class="div_distr"> <img src="period_distr.png" alt="Period" class="centerimg"> <p> Median and quartiles of the estimated periods for each frame </p> </div> <div class="div_distr"> <img src="power_distr.png" alt="Period" class="centerimg"> <p> Median and quartiles of the ridge wavelet power for each frame </p> </div> <div class="div_distr"> <img src="phase_distr.png" alt="Period" class="centerimg"> <p> Kuramoto order parameter for the phases estimated for each frame </p> </div> <h1 class="subheader"> Output Movie Snapshots </h1> <!-- trigger the javascript at the end---> <div class="center"> <button class="w3-button" onclick="plusDivs(-1)">❮ Prev</button> <button class="w3-button" onclick="plusDivs(1)">Next ❯</button> </div> <!-- defines all elements of the "FrameSlides" class ---> <div class="FrameSlides"> <h3 style="text-align:center; color=#363333"> Frame Nr. 20 </h3> <div class="snapshot_gallery"> <figure class=”snapshot_gallery__item snapshot_gallery__item--1" style="margin: 0 0"> <img src="input_frame20.png" alt="The Input" class="snapshot_gallery__img"> </figure> <figure class=”snapshot_gallery__item snapshot_gallery__item--2" style="margin: 0 0"> <img src="phase_frame20.png" alt="Phase" class="snapshot_gallery__img"> </figure> <figure class=”snapshot_gallery__item snapshot_gallery__item--3" style="margin: 0 0"> <img src="period_frame20.png" alt="Period" class="snapshot_gallery__img"> </figure> <figure class=”snapshot_gallery__item snapshot_gallery__item--4" style="margin: 0 0"> <img src="amplitude_frame20.png" alt="Amplitude" class="snapshot_gallery__img"> </figure> </div> </div> <div class="FrameSlides"> <h3 style="text-align:center; color=#363333"> Frame Nr. 27 </h3> <div class="snapshot_gallery"> <figure class=”snapshot_gallery__item snapshot_gallery__item--1" style="margin: 0 0"> <img src="input_frame27.png" alt="The Input" class="snapshot_gallery__img"> </figure> <figure class=”snapshot_gallery__item snapshot_gallery__item--2" style="margin: 0 0"> <img src="phase_frame27.png" alt="Phase" class="snapshot_gallery__img"> </figure> <figure class=”snapshot_gallery__item snapshot_gallery__item--3" style="margin: 0 0"> <img src="period_frame27.png" alt="Period" class="snapshot_gallery__img"> </figure> <figure class=”snapshot_gallery__item snapshot_gallery__item--4" style="margin: 0 0"> <img src="amplitude_frame27.png" alt="Amplitude" class="snapshot_gallery__img"> </figure> </div> </div> <div class="FrameSlides"> <h3 style="text-align:center; color=#363333"> Frame Nr. 34 </h3> <div class="snapshot_gallery"> <figure class=”snapshot_gallery__item snapshot_gallery__item--1" style="margin: 0 0"> <img src="input_frame34.png" alt="The Input" class="snapshot_gallery__img"> </figure> <figure class=”snapshot_gallery__item snapshot_gallery__item--2" style="margin: 0 0"> <img src="phase_frame34.png" alt="Phase" class="snapshot_gallery__img"> </figure> <figure class=”snapshot_gallery__item snapshot_gallery__item--3" style="margin: 0 0"> <img src="period_frame34.png" alt="Period" class="snapshot_gallery__img"> </figure> <figure class=”snapshot_gallery__item snapshot_gallery__item--4" style="margin: 0 0"> <img src="amplitude_frame34.png" alt="Amplitude" class="snapshot_gallery__img"> </figure> </div> </div> <div class="FrameSlides"> <h3 style="text-align:center; color=#363333"> Frame Nr. 41 </h3> <div class="snapshot_gallery"> <figure class=”snapshot_gallery__item snapshot_gallery__item--1" style="margin: 0 0"> <img src="input_frame41.png" alt="The Input" class="snapshot_gallery__img"> </figure> <figure class=”snapshot_gallery__item snapshot_gallery__item--2" style="margin: 0 0"> <img src="phase_frame41.png" alt="Phase" class="snapshot_gallery__img"> </figure> <figure class=”snapshot_gallery__item snapshot_gallery__item--3" style="margin: 0 0"> <img src="period_frame41.png" alt="Period" class="snapshot_gallery__img"> </figure> <figure class=”snapshot_gallery__item snapshot_gallery__item--4" style="margin: 0 0"> <img src="amplitude_frame41.png" alt="Amplitude" class="snapshot_gallery__img"> </figure> </div> </div> <div class="FrameSlides"> <h3 style="text-align:center; color=#363333"> Frame Nr. 48 </h3> <div class="snapshot_gallery"> <figure class=”snapshot_gallery__item snapshot_gallery__item--1" style="margin: 0 0"> <img src="input_frame48.png" alt="The Input" class="snapshot_gallery__img"> </figure> <figure class=”snapshot_gallery__item snapshot_gallery__item--2" style="margin: 0 0"> <img src="phase_frame48.png" alt="Phase" class="snapshot_gallery__img"> </figure> <figure class=”snapshot_gallery__item snapshot_gallery__item--3" style="margin: 0 0"> <img src="period_frame48.png" alt="Period" class="snapshot_gallery__img"> </figure> <figure class=”snapshot_gallery__item snapshot_gallery__item--4" style="margin: 0 0"> <img src="amplitude_frame48.png" alt="Amplitude" class="snapshot_gallery__img"> </figure> </div> </div> <div class="FrameSlides"> <h3 style="text-align:center; color=#363333"> Frame Nr. 55 </h3> <div class="snapshot_gallery"> <figure class=”snapshot_gallery__item snapshot_gallery__item--1" style="margin: 0 0"> <img src="input_frame55.png" alt="The Input" class="snapshot_gallery__img"> </figure> <figure class=”snapshot_gallery__item snapshot_gallery__item--2" style="margin: 0 0"> <img src="phase_frame55.png" alt="Phase" class="snapshot_gallery__img"> </figure> <figure class=”snapshot_gallery__item snapshot_gallery__item--3" style="margin: 0 0"> <img src="period_frame55.png" alt="Period" class="snapshot_gallery__img"> </figure> <figure class=”snapshot_gallery__item snapshot_gallery__item--4" style="margin: 0 0"> <img src="amplitude_frame55.png" alt="Amplitude" class="snapshot_gallery__img"> </figure> </div> </div> <div class="FrameSlides"> <h3 style="text-align:center; color=#363333"> Frame Nr. 62 </h3> <div class="snapshot_gallery"> <figure class=”snapshot_gallery__item snapshot_gallery__item--1" style="margin: 0 0"> <img src="input_frame62.png" alt="The Input" class="snapshot_gallery__img"> </figure> <figure class=”snapshot_gallery__item snapshot_gallery__item--2" style="margin: 0 0"> <img src="phase_frame62.png" alt="Phase" class="snapshot_gallery__img"> </figure> <figure class=”snapshot_gallery__item snapshot_gallery__item--3" style="margin: 0 0"> <img src="period_frame62.png" alt="Period" class="snapshot_gallery__img"> </figure> <figure class=”snapshot_gallery__item snapshot_gallery__item--4" style="margin: 0 0"> <img src="amplitude_frame62.png" alt="Amplitude" class="snapshot_gallery__img"> </figure> </div> </div> <div class="FrameSlides"> <h3 style="text-align:center; color=#363333"> Frame Nr. 69 </h3> <div class="snapshot_gallery"> <figure class=”snapshot_gallery__item snapshot_gallery__item--1" style="margin: 0 0"> <img src="input_frame69.png" alt="The Input" class="snapshot_gallery__img"> </figure> <figure class=”snapshot_gallery__item snapshot_gallery__item--2" style="margin: 0 0"> <img src="phase_frame69.png" alt="Phase" class="snapshot_gallery__img"> </figure> <figure class=”snapshot_gallery__item snapshot_gallery__item--3" style="margin: 0 0"> <img src="period_frame69.png" alt="Period" class="snapshot_gallery__img"> </figure> <figure class=”snapshot_gallery__item snapshot_gallery__item--4" style="margin: 0 0"> <img src="amplitude_frame69.png" alt="Amplitude" class="snapshot_gallery__img"> </figure> </div> </div> </div> <h1 class="subheader"> Parameters </h1> <div class="div_distr"> <table border = "1" class="partable"> <tr> <th>Name</th> <th>Value</th> </tr> <tr> <td>ncpu </td> <td> 1</td> </tr> <tr> <td>rescale_factor </td> <td> None</td> </tr> <tr> <td>gauss_sigma </td> <td> None</td> </tr> <tr> <td>dt </td> <td> 1.0</td> </tr> <tr> <td>Tmin </td> <td> 20.0</td> </tr> <tr> <td>Tmax </td> <td> 30.0</td> </tr> <tr> <td>nT </td> <td> 150</td> </tr> <tr> <td>Tcutoff </td> <td> 40.0</td> </tr> <tr> <td>win_size </td> <td> None</td> </tr> <tr> <td>masking </td> <td> None</td> </tr> <tr> <td>mask_frame </td> <td> None</td> </tr> <tr> <td>mask_thresh </td> <td> 0</td> </tr> </table> </div> <!-- javascript with escaped '{'---> <script> var slideIndex = 1; showDivs(slideIndex); function plusDivs(n) { showDivs(slideIndex += n); } function showDivs(n) { var i; var x = document.getElementsByClassName("FrameSlides"); if (n > x.length) {slideIndex = 1} if (n < 1) {slideIndex = x.length} ; for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } x[slideIndex-1].style.display = "block"; } </script> </body> </html>