.. 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_angles

   ./plot_chord

   ./plot_decomp_grid

   ./plot_free_energy_1d

   ./plot_free_energy_2d

   ./plot_histogram

   ./plot_implied_timescales

   ./plot_msm_network

   ./plot_pop_resids

   ./plot_stackdist

   ./plot_timescales

   ./plot_tpaths

   ./plot_trace

   ./plot_trace2d

   ./plot_voronoi





.. raw:: html

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



.. raw:: html

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



.. raw:: html

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



.. raw:: html

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



.. raw:: html

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



.. raw:: html

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



.. raw:: html

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



.. raw:: html

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



.. raw:: html

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



.. raw:: html

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



.. raw:: html

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



.. raw:: html

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



.. raw:: html

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



.. raw:: html

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



.. raw:: html

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





.. raw:: html

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