doi
/
pyview_test_data
forked from ag_galizia/pyview_test_data


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488
							<!DOCTYPE html>
<html>
<!-- all measurements in vw, i.e., fraction of the width of the display on which the HTML will be opened-->


<!-- 2vw for margin, border and padding -->


<style>
    * {
        margin:0;
        padding: 0;
        font-size: 0.75vw;
    }
    .thumbnail {grid-area: thumbnail;}
    .textbelow {grid-area: textbelow;}
    .textrighttop {grid-area: textrighttop;}
    .textrightbottom {grid-area: textrightbottom;}

    .textrighttop > p, .textrightbottom > p, .textbelow > p{
        font-weight: bold;
    }

    .textrighttop > p {
        writing-mode: vertical-rl;
        transform: rotate(180deg);
    }

    .textrightbottom > p {
        position: relative;
        top: 2.580253896430367vw;
        /* Safari */
        -webkit-transform: rotate(-90deg);

        /* Firefox */
        -moz-transform: rotate(-90deg);

        /* IE */
        -ms-transform: rotate(-90deg);

        /* Opera */
        -o-transform: rotate(-90deg);

        white-space: nowrap;

    }
    div > img {
        width: 15.705128205128204vw;
        height:8.160507792860734vw;
        margin-left: auto;
        margin-right: auto;
        display: block;
        overflow: hidden;}
    .grid-container{
        display: grid;
        grid-template-columns: 11.778846153846153vw 0.8999999999999999vw;
        grid-template-rows: 4.080253896430367vw 4.080253896430367vw 1.0499999999999998vw;
        grid-template-areas:
                'thumbnail textrighttop'
                'thumbnail textrightbottom'
                'textbelow textbelow';
    }
    .grid-container > div, .tapestry-container{
        background-color: rgba(255,255,255, 1);
    }

    .grid-container > div > p{
        color: rgba(0,0,0, 1);
    }

    .tapestry-container{
        width: 100vw;
        height: 29.631523378582205vw;
        margin: 0.5vw;
        padding: 0.5vw;
        border: 0.5vw;
    }

    table{
        overflow: hidden;
    }

    /* Tooltip container */
    .tooltip {
      position: relative;
      display: inline-block;
      border: 0.07500000000000001vw dotted rgba(0,0,0, 1);
      padding: 0.07500000000000001vw;
    }

    .tooltip > p{
        font-weight: bold;
    }

    /* Tooltip text */
    .tooltip .tooltiptext {
        visibility: hidden;
        width: 11.778846153846153vw;
        background-color: rgba(255,255,255, 1);
        color: rgba(0,0,0, 1);
        text-align: center;
        padding: 0.5889423076923077vw 0;

        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 2;
        bottom: 100%;
        left: 0%;
    }

    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip:hover .tooltiptext {
      visibility: visible;
    }

</style>
<body>
<div class="tapestry-container">
    <table>
        
            <tr>
                
                    <td>
                        <div class="grid-container">
                            <div class="thumbnail"><img src="A_5803a/A_5803a/row1_3_AIR_-2.png"
                                                        alt="A_5803a/A_5803a/row1_3_AIR_-2.png"></div>
                            <div class="textrightbottom"><p>-0.0215</p></div>
                            <div class="textrighttop"><p>0.0296</p></div>
                            <div class="textbelow">
                                <div class="tooltip">
                                    <p>AIR_-2</p>
                                    <span class="tooltiptext">
                                        <b>Animal:</b> A_5803a<br><br>
                                        <b>Flags changed from previous row:</b><br>{'SO_individualScale': 3, 'SO_MV_scalemax': '23.1', 'SO_MV_scalemin': '-3.0'}
                                    </span>
                                </div>
                                
                            </div>
                        </div>
                    </td>
                
                    <td>
                        <div class="grid-container">
                            <div class="thumbnail"><img src="A_5803a/A_5803a/row1_5_MOL_-2.png"
                                                        alt="A_5803a/A_5803a/row1_5_MOL_-2.png"></div>
                            <div class="textrightbottom"><p>-0.0199</p></div>
                            <div class="textrighttop"><p>0.0394</p></div>
                            <div class="textbelow">
                                <div class="tooltip">
                                    <p>MOL_-2</p>
                                    <span class="tooltiptext">
                                        <b>Animal:</b> A_5803a<br><br>
                                        <b>Flags changed from previous row:</b><br>{'SO_individualScale': 3, 'SO_MV_scalemax': '23.1', 'SO_MV_scalemin': '-3.0'}
                                    </span>
                                </div>
                                
                            </div>
                        </div>
                    </td>
                
            </tr>
        
            <tr>
                
                    <td>
                        <div class="grid-container">
                            <div class="thumbnail"><img src="A_5803a/A_5803a/row2_7_HX1_-2.png"
                                                        alt="A_5803a/A_5803a/row2_7_HX1_-2.png"></div>
                            <div class="textrightbottom"><p>-0.032</p></div>
                            <div class="textrighttop"><p>0.138</p></div>
                            <div class="textbelow">
                                <div class="tooltip">
                                    <p>HX1_-2</p>
                                    <span class="tooltiptext">
                                        <b>Animal:</b> A_5803a<br><br>
                                        <b>Flags changed from previous row:</b><br>{'SO_individualScale': 3, 'SO_MV_scalemax': '23.1', 'SO_MV_scalemin': '-3.0'}
                                    </span>
                                </div>
                                
                            </div>
                        </div>
                    </td>
                
                    <td>
                        <div class="grid-container">
                            <div class="thumbnail"><img src="A_5803a/A_5803a/row2_9_PN_-2.png"
                                                        alt="A_5803a/A_5803a/row2_9_PN_-2.png"></div>
                            <div class="textrightbottom"><p>-0.022</p></div>
                            <div class="textrighttop"><p>0.172</p></div>
                            <div class="textbelow">
                                <div class="tooltip">
                                    <p>PN_-2</p>
                                    <span class="tooltiptext">
                                        <b>Animal:</b> A_5803a<br><br>
                                        <b>Flags changed from previous row:</b><br>{'SO_individualScale': 3, 'SO_MV_scalemax': '23.1', 'SO_MV_scalemin': '-3.0'}
                                    </span>
                                </div>
                                
                            </div>
                        </div>
                    </td>
                
                    <td>
                        <div class="grid-container">
                            <div class="thumbnail"><img src="A_5803a/A_5803a/row2_10_HPN_-2.png"
                                                        alt="A_5803a/A_5803a/row2_10_HPN_-2.png"></div>
                            <div class="textrightbottom"><p>-0.0147</p></div>
                            <div class="textrighttop"><p>0.169</p></div>
                            <div class="textbelow">
                                <div class="tooltip">
                                    <p>HPN_-2</p>
                                    <span class="tooltiptext">
                                        <b>Animal:</b> A_5803a<br><br>
                                        <b>Flags changed from previous row:</b><br>{'SO_individualScale': 3, 'SO_MV_scalemax': '23.1', 'SO_MV_scalemin': '-3.0'}
                                    </span>
                                </div>
                                
                            </div>
                        </div>
                    </td>
                
                    <td>
                        <div class="grid-container">
                            <div class="thumbnail"><img src="A_5803a/A_5803a/row2_11_XN_-2.png"
                                                        alt="A_5803a/A_5803a/row2_11_XN_-2.png"></div>
                            <div class="textrightbottom"><p>-0.0487</p></div>
                            <div class="textrighttop"><p>0.192</p></div>
                            <div class="textbelow">
                                <div class="tooltip">
                                    <p>XN_-2</p>
                                    <span class="tooltiptext">
                                        <b>Animal:</b> A_5803a<br><br>
                                        <b>Flags changed from previous row:</b><br>{'SO_individualScale': 3, 'SO_MV_scalemax': '23.1', 'SO_MV_scalemin': '-3.0'}
                                    </span>
                                </div>
                                
                            </div>
                        </div>
                    </td>
                
                    <td>
                        <div class="grid-container">
                            <div class="thumbnail"><img src="A_5803a/A_5803a/row2_12_PRS_-2.png"
                                                        alt="A_5803a/A_5803a/row2_12_PRS_-2.png"></div>
                            <div class="textrightbottom"><p>-0.0429</p></div>
                            <div class="textrighttop"><p>0.0872</p></div>
                            <div class="textbelow">
                                <div class="tooltip">
                                    <p>PRS_-2</p>
                                    <span class="tooltiptext">
                                        <b>Animal:</b> A_5803a<br><br>
                                        <b>Flags changed from previous row:</b><br>{'SO_individualScale': 3, 'SO_MV_scalemax': '23.1', 'SO_MV_scalemin': '-3.0'}
                                    </span>
                                </div>
                                
                            </div>
                        </div>
                    </td>
                
                    <td>
                        <div class="grid-container">
                            <div class="thumbnail"><img src="A_5803a/A_5803a/row2_13_PX_-2.png"
                                                        alt="A_5803a/A_5803a/row2_13_PX_-2.png"></div>
                            <div class="textrightbottom"><p>-0.0273</p></div>
                            <div class="textrighttop"><p>0.139</p></div>
                            <div class="textbelow">
                                <div class="tooltip">
                                    <p>PX_-2</p>
                                    <span class="tooltiptext">
                                        <b>Animal:</b> A_5803a<br><br>
                                        <b>Flags changed from previous row:</b><br>{'SO_individualScale': 3, 'SO_MV_scalemax': '23.1', 'SO_MV_scalemin': '-3.0'}
                                    </span>
                                </div>
                                
                            </div>
                        </div>
                    </td>
                
                    <td>
                        <div class="grid-container">
                            <div class="thumbnail"><img src="A_5803a/A_5803a/row2_14_XNP_-2.png"
                                                        alt="A_5803a/A_5803a/row2_14_XNP_-2.png"></div>
                            <div class="textrightbottom"><p>-0.0266</p></div>
                            <div class="textrighttop"><p>0.137</p></div>
                            <div class="textbelow">
                                <div class="tooltip">
                                    <p>XNP_-2</p>
                                    <span class="tooltiptext">
                                        <b>Animal:</b> A_5803a<br><br>
                                        <b>Flags changed from previous row:</b><br>{'SO_individualScale': 3, 'SO_MV_scalemax': '23.1', 'SO_MV_scalemin': '-3.0'}
                                    </span>
                                </div>
                                
                            </div>
                        </div>
                    </td>
                
                    <td>
                        <div class="grid-container">
                            <div class="thumbnail"><img src="A_5803a/A_5803a/row2_15_HX1_-2.png"
                                                        alt="A_5803a/A_5803a/row2_15_HX1_-2.png"></div>
                            <div class="textrightbottom"><p>-0.0267</p></div>
                            <div class="textrighttop"><p>0.131</p></div>
                            <div class="textbelow">
                                <div class="tooltip">
                                    <p>HX1_-2</p>
                                    <span class="tooltiptext">
                                        <b>Animal:</b> A_5803a<br><br>
                                        <b>Flags changed from previous row:</b><br>{'SO_individualScale': 3, 'SO_MV_scalemax': '23.1', 'SO_MV_scalemin': '-3.0'}
                                    </span>
                                </div>
                                
                            </div>
                        </div>
                    </td>
                
            </tr>
        
            <tr>
                
                    <td>
                        <div class="grid-container">
                            <div class="thumbnail"><img src="A_5803a/A_5803a/row3_19_BU1_-2.png"
                                                        alt="A_5803a/A_5803a/row3_19_BU1_-2.png"></div>
                            <div class="textrightbottom"><p>-0.0272</p></div>
                            <div class="textrighttop"><p>0.11</p></div>
                            <div class="textbelow">
                                <div class="tooltip">
                                    <p>BU1_-2</p>
                                    <span class="tooltiptext">
                                        <b>Animal:</b> A_5803a<br><br>
                                        <b>Flags changed from previous row:</b><br>{'SO_individualScale': 3, 'SO_MV_scalemax': '23.1', 'SO_MV_scalemin': '-3.0'}
                                    </span>
                                </div>
                                
                            </div>
                        </div>
                    </td>
                
                    <td>
                        <div class="grid-container">
                            <div class="thumbnail"><img src="A_5803a/A_5803a/row3_21_BI_-2.png"
                                                        alt="A_5803a/A_5803a/row3_21_BI_-2.png"></div>
                            <div class="textrightbottom"><p>-0.0133</p></div>
                            <div class="textrighttop"><p>0.139</p></div>
                            <div class="textbelow">
                                <div class="tooltip">
                                    <p>BI_-2</p>
                                    <span class="tooltiptext">
                                        <b>Animal:</b> A_5803a<br><br>
                                        <b>Flags changed from previous row:</b><br>{'SO_individualScale': 3, 'SO_MV_scalemax': '23.1', 'SO_MV_scalemin': '-3.0'}
                                    </span>
                                </div>
                                
                            </div>
                        </div>
                    </td>
                
                    <td>
                        <div class="grid-container">
                            <div class="thumbnail"><img src="A_5803a/A_5803a/row3_22_PRS_-2.png"
                                                        alt="A_5803a/A_5803a/row3_22_PRS_-2.png"></div>
                            <div class="textrightbottom"><p>-0.021</p></div>
                            <div class="textrighttop"><p>0.0729</p></div>
                            <div class="textbelow">
                                <div class="tooltip">
                                    <p>PRS_-2</p>
                                    <span class="tooltiptext">
                                        <b>Animal:</b> A_5803a<br><br>
                                        <b>Flags changed from previous row:</b><br>{'SO_individualScale': 3, 'SO_MV_scalemax': '23.1', 'SO_MV_scalemin': '-3.0'}
                                    </span>
                                </div>
                                
                            </div>
                        </div>
                    </td>
                
                    <td>
                        <div class="grid-container">
                            <div class="thumbnail"><img src="A_5803a/A_5803a/row3_23_BP_-2.png"
                                                        alt="A_5803a/A_5803a/row3_23_BP_-2.png"></div>
                            <div class="textrightbottom"><p>-0.0238</p></div>
                            <div class="textrighttop"><p>0.0839</p></div>
                            <div class="textbelow">
                                <div class="tooltip">
                                    <p>BP_-2</p>
                                    <span class="tooltiptext">
                                        <b>Animal:</b> A_5803a<br><br>
                                        <b>Flags changed from previous row:</b><br>{'SO_individualScale': 3, 'SO_MV_scalemax': '23.1', 'SO_MV_scalemin': '-3.0'}
                                    </span>
                                </div>
                                
                            </div>
                        </div>
                    </td>
                
                    <td>
                        <div class="grid-container">
                            <div class="thumbnail"><img src="A_5803a/A_5803a/row3_24_ISO_-2.png"
                                                        alt="A_5803a/A_5803a/row3_24_ISO_-2.png"></div>
                            <div class="textrightbottom"><p>-0.0344</p></div>
                            <div class="textrighttop"><p>0.205</p></div>
                            <div class="textbelow">
                                <div class="tooltip">
                                    <p>ISO_-2</p>
                                    <span class="tooltiptext">
                                        <b>Animal:</b> A_5803a<br><br>
                                        <b>Flags changed from previous row:</b><br>{'SO_individualScale': 3, 'SO_MV_scalemax': '23.1', 'SO_MV_scalemin': '-3.0'}
                                    </span>
                                </div>
                                
                            </div>
                        </div>
                    </td>
                
                    <td>
                        <div class="grid-container">
                            <div class="thumbnail"><img src="A_5803a/A_5803a/row3_25_IP_-2.png"
                                                        alt="A_5803a/A_5803a/row3_25_IP_-2.png"></div>
                            <div class="textrightbottom"><p>-0.0232</p></div>
                            <div class="textrighttop"><p>0.112</p></div>
                            <div class="textbelow">
                                <div class="tooltip">
                                    <p>IP_-2</p>
                                    <span class="tooltiptext">
                                        <b>Animal:</b> A_5803a<br><br>
                                        <b>Flags changed from previous row:</b><br>{'SO_individualScale': 3, 'SO_MV_scalemax': '23.1', 'SO_MV_scalemin': '-3.0'}
                                    </span>
                                </div>
                                
                            </div>
                        </div>
                    </td>
                
                    <td>
                        <div class="grid-container">
                            <div class="thumbnail"><img src="A_5803a/A_5803a/row3_26_BPI_-2.png"
                                                        alt="A_5803a/A_5803a/row3_26_BPI_-2.png"></div>
                            <div class="textrightbottom"><p>-0.0353</p></div>
                            <div class="textrighttop"><p>0.113</p></div>
                            <div class="textbelow">
                                <div class="tooltip">
                                    <p>BPI_-2</p>
                                    <span class="tooltiptext">
                                        <b>Animal:</b> A_5803a<br><br>
                                        <b>Flags changed from previous row:</b><br>{'SO_individualScale': 3, 'SO_MV_scalemax': '23.1', 'SO_MV_scalemin': '-3.0'}
                                    </span>
                                </div>
                                
                            </div>
                        </div>
                    </td>
                
                    <td>
                        <div class="grid-container">
                            <div class="thumbnail"><img src="A_5803a/A_5803a/row3_27_BU1_-2.png"
                                                        alt="A_5803a/A_5803a/row3_27_BU1_-2.png"></div>
                            <div class="textrightbottom"><p>-0.0267</p></div>
                            <div class="textrighttop"><p>0.0787</p></div>
                            <div class="textbelow">
                                <div class="tooltip">
                                    <p>BU1_-2</p>
                                    <span class="tooltiptext">
                                        <b>Animal:</b> A_5803a<br><br>
                                        <b>Flags changed from previous row:</b><br>{'SO_individualScale': 3, 'SO_MV_scalemax': '23.1', 'SO_MV_scalemin': '-3.0'}
                                    </span>
                                </div>
                                
                            </div>
                        </div>
                    </td>
                
            </tr>
        
    </table>
</div>

<p>
    Minimum of lower data limit over all overviews: <b>-0.049</b><br><br>
    Maximum of upper data limit over all overviews: <b>0.205</b>
</p>

</body>
</html>