.. raw:: html

    <style type="text/css">
    .figure {
        position: relative;
        float: left;
        margin: 10px;
        width: 180px;
        height: 200px;
    }

    .figure img {
        position: absolute;
        display: inline;
        left: 0;
        width: 170px;
        height: 170px;
        opacity:1.0;
        filter:alpha(opacity=100); /* For IE8 and earlier */
    }

    .figure:hover img {
        -webkit-filter: blur(3px);
        -moz-filter: blur(3px);
        -o-filter: blur(3px);
        -ms-filter: blur(3px);
        filter: blur(3px);
        opacity:1.0;
        filter:alpha(opacity=100); /* For IE8 and earlier */
    }

    .figure span {
        position: absolute;
        display: inline;
        left: 0;
        width: 170px;
        height: 170px;
        background: #000;
        color: #fff;
        visibility: hidden;
        opacity: 0;
        z-index: 100;
    }

    .figure p {
        position: absolute;
        top: 45%;
        width: 170px;
        font-size: 110%;
    }

    .figure:hover span {
        visibility: visible;
        opacity: .4;
    }

    .caption {
        position: absolue;
        width: 180px;
        top: 170px;
        text-align: center !important;
    }
    </style>

.. _example_gallery:

Example gallery
===============



.. toctree::
   :hidden:

   ./plot_event

   ./plot_two_features

   ./plot_pca

   ./plot_gene

   ./plot_two_samples

   ./plot_lavalamp_pooled_inconsistent





.. raw:: html

    <div class='figure align-center'>
    <a href=./plot_event.html>
    <img src=../_static/plot_event_thumb.png>
    <span class='figure-label'>
    <p></p>
    </span>
    </a>
    </div>



.. raw:: html

    <div class='figure align-center'>
    <a href=./plot_two_features.html>
    <img src=../_static/plot_two_features_thumb.png>
    <span class='figure-label'>
    <p></p>
    </span>
    </a>
    </div>



.. raw:: html

    <div class='figure align-center'>
    <a href=./plot_pca.html>
    <img src=../_static/plot_pca_thumb.png>
    <span class='figure-label'>
    <p></p>
    </span>
    </a>
    </div>



.. raw:: html

    <div class='figure align-center'>
    <a href=./plot_gene.html>
    <img src=../_static/plot_gene_thumb.png>
    <span class='figure-label'>
    <p></p>
    </span>
    </a>
    </div>



.. raw:: html

    <div class='figure align-center'>
    <a href=./plot_two_samples.html>
    <img src=../_static/plot_two_samples_thumb.png>
    <span class='figure-label'>
    <p></p>
    </span>
    </a>
    </div>



.. raw:: html

    <div class='figure align-center'>
    <a href=./plot_lavalamp_pooled_inconsistent.html>
    <img src=../_static/plot_lavalamp_pooled_inconsistent_thumb.png>
    <span class='figure-label'>
    <p></p>
    </span>
    </a>
    </div>





.. raw:: html

    <div style="clear: both"></div>