Gallery
_______

The gallery shows the breadth of what HoloViews is capable of with a
varied collection of examples.  If you are looking for a specific
component (or wish to view the available range of primitives), see our
`Reference Gallery <../reference/index.html>`_. To get started with
HoloViews, see our `Getting Started <../getting_started/index.html>`_
guide and for more detailed documentation our `User Guide
<../user_guide/index.html>`_.

.. raw:: html

    <script>
    function gallery_toggle(input) {
        backends = ['bokeh', 'matplotlib', 'plotly'];
        for (i in backends) {
            entries = $('.'+backends[i]+'_example');
            if (backends[i] == input) {
                entries.show();
            } else {
                entries.hide()
            }
        }
    }
    </script>

    <ul class="tab">
    
        <li>
            <input id="tab1" checked="checked" type="radio" name="tab" onclick="gallery_toggle('Bokeh'.toLowerCase())" />
            <label for="tab1">Bokeh</label>
        </li>

        <li>
            <input id="tab2"  type="radio" name="tab" onclick="gallery_toggle('Matplotlib'.toLowerCase())" />
            <label for="tab2">Matplotlib</label>
        </li>

        <li>
            <input id="tab3"  type="radio" name="tab" onclick="gallery_toggle('Plotly'.toLowerCase())" />
            <label for="tab3">Plotly</label>
        </li>

    </ul>

Apps
====


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Crossfilter">

.. figure:: /gallery/apps/bokeh/thumbnails/crossfilter.gif

    :ref:`crossfilter <bokeh_gallery_crossfilter>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Gapminder">

.. figure:: /gallery/apps/bokeh/thumbnails/gapminder.gif

    :ref:`gapminder <bokeh_gallery_gapminder>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Streaming psutil">

.. figure:: /gallery/apps/bokeh/thumbnails/streaming_psutil.gif

    :ref:`streaming_psutil <bokeh_gallery_streaming_psutil>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Nytaxi hover">

.. figure:: /gallery/apps/bokeh/thumbnails/nytaxi_hover.gif

    :ref:`nytaxi_hover <bokeh_gallery_nytaxi_hover>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Game of life">

.. figure:: /gallery/apps/bokeh/thumbnails/game_of_life.gif

    :ref:`game_of_life <bokeh_gallery_game_of_life>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Mandelbrot">

.. figure:: /gallery/apps/bokeh/thumbnails/mandelbrot.gif

    :ref:`mandelbrot <bokeh_gallery_mandelbrot>`

.. raw:: html

    </div>

.. raw:: html


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

Demos
=====


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Us unemployment">

.. figure:: /gallery/demos/bokeh/thumbnails/us_unemployment.png

    :ref:`us_unemployment <bokeh_gallery_us_unemployment>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Iris density grid">

.. figure:: /gallery/demos/bokeh/thumbnails/iris_density_grid.png

    :ref:`iris_density_grid <bokeh_gallery_iris_density_grid>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Iris splom example">

.. figure:: /gallery/demos/bokeh/thumbnails/iris_splom_example.png

    :ref:`iris_splom_example <bokeh_gallery_iris_splom_example>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Dot example">

.. figure:: /gallery/demos/bokeh/thumbnails/dot_example.png

    :ref:`dot_example <bokeh_gallery_dot_example>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Step chart">

.. figure:: /gallery/demos/bokeh/thumbnails/step_chart.png

    :ref:`step_chart <bokeh_gallery_step_chart>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Quiver demo">

.. figure:: /gallery/demos/bokeh/thumbnails/quiver_demo.png

    :ref:`quiver_demo <bokeh_gallery_quiver_demo>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Boxplot chart">

.. figure:: /gallery/demos/bokeh/thumbnails/boxplot_chart.png

    :ref:`boxplot_chart <bokeh_gallery_boxplot_chart>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Legend example">

.. figure:: /gallery/demos/bokeh/thumbnails/legend_example.png

    :ref:`legend_example <bokeh_gallery_legend_example>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Texas choropleth example">

.. figure:: /gallery/demos/bokeh/thumbnails/texas_choropleth_example.png

    :ref:`texas_choropleth_example <bokeh_gallery_texas_choropleth_example>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Mandelbrot section">

.. figure:: /gallery/demos/bokeh/thumbnails/mandelbrot_section.png

    :ref:`mandelbrot_section <bokeh_gallery_mandelbrot_section>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Nyc radial heatmap">

.. figure:: /gallery/demos/bokeh/thumbnails/nyc_radial_heatmap.png

    :ref:`nyc_radial_heatmap <bokeh_gallery_nyc_radial_heatmap>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Box draw roi editor">

.. figure:: /gallery/demos/bokeh/thumbnails/box_draw_roi_editor.gif

    :ref:`box_draw_roi_editor <bokeh_gallery_box_draw_roi_editor>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Dropdown economic">

.. figure:: /gallery/demos/bokeh/thumbnails/dropdown_economic.png

    :ref:`dropdown_economic <bokeh_gallery_dropdown_economic>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Hextile movie ratings">

.. figure:: /gallery/demos/bokeh/thumbnails/hextile_movie_ratings.png

    :ref:`hextile_movie_ratings <bokeh_gallery_hextile_movie_ratings>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Energy sankey">

.. figure:: /gallery/demos/bokeh/thumbnails/energy_sankey.png

    :ref:`energy_sankey <bokeh_gallery_energy_sankey>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Scatter economic">

.. figure:: /gallery/demos/bokeh/thumbnails/scatter_economic.png

    :ref:`scatter_economic <bokeh_gallery_scatter_economic>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Bars economic">

.. figure:: /gallery/demos/bokeh/thumbnails/bars_economic.png

    :ref:`bars_economic <bokeh_gallery_bars_economic>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Point draw triangulate">

.. figure:: /gallery/demos/bokeh/thumbnails/point_draw_triangulate.gif

    :ref:`point_draw_triangulate <bokeh_gallery_point_draw_triangulate>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Irregular quadmesh">

.. figure:: /gallery/demos/bokeh/thumbnails/irregular_quadmesh.png

    :ref:`irregular_quadmesh <bokeh_gallery_irregular_quadmesh>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Topographic hillshading">

.. figure:: /gallery/demos/bokeh/thumbnails/topographic_hillshading.png

    :ref:`topographic_hillshading <bokeh_gallery_topographic_hillshading>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Route chord">

.. figure:: /gallery/demos/bokeh/thumbnails/route_chord.png

    :ref:`route_chord <bokeh_gallery_route_chord>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Stocks example">

.. figure:: /gallery/demos/bokeh/thumbnails/stocks_example.png

    :ref:`stocks_example <bokeh_gallery_stocks_example>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Area chart">

.. figure:: /gallery/demos/bokeh/thumbnails/area_chart.png

    :ref:`area_chart <bokeh_gallery_area_chart>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Lesmis example">

.. figure:: /gallery/demos/bokeh/thumbnails/lesmis_example.png

    :ref:`lesmis_example <bokeh_gallery_lesmis_example>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Histogram example">

.. figure:: /gallery/demos/bokeh/thumbnails/histogram_example.png

    :ref:`histogram_example <bokeh_gallery_histogram_example>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Iris grouped grid">

.. figure:: /gallery/demos/bokeh/thumbnails/iris_grouped_grid.png

    :ref:`iris_grouped_grid <bokeh_gallery_iris_grouped_grid>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Lorenz attractor example">

.. figure:: /gallery/demos/bokeh/thumbnails/lorenz_attractor_example.png

    :ref:`lorenz_attractor_example <bokeh_gallery_lorenz_attractor_example>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Square limit">

.. figure:: /gallery/demos/bokeh/thumbnails/square_limit.png

    :ref:`square_limit <bokeh_gallery_square_limit>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Verhulst mandelbrot">

.. figure:: /gallery/demos/bokeh/thumbnails/verhulst_mandelbrot.png

    :ref:`verhulst_mandelbrot <bokeh_gallery_verhulst_mandelbrot>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Emoji tsne">

.. figure:: /gallery/demos/bokeh/thumbnails/emoji_tsne.png

    :ref:`emoji_tsne <bokeh_gallery_emoji_tsne>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Dragon curve">

.. figure:: /gallery/demos/bokeh/thumbnails/dragon_curve.png

    :ref:`dragon_curve <bokeh_gallery_dragon_curve>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Network graph">

.. figure:: /gallery/demos/bokeh/thumbnails/network_graph.png

    :ref:`network_graph <bokeh_gallery_network_graph>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Measles example">

.. figure:: /gallery/demos/bokeh/thumbnails/measles_example.png

    :ref:`measles_example <bokeh_gallery_measles_example>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Autompg histogram">

.. figure:: /gallery/demos/bokeh/thumbnails/autompg_histogram.png

    :ref:`autompg_histogram <bokeh_gallery_autompg_histogram>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Bachelors degrees by gender">

.. figure:: /gallery/demos/bokeh/thumbnails/bachelors_degrees_by_gender.png

    :ref:`bachelors_degrees_by_gender <bokeh_gallery_bachelors_degrees_by_gender>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Autompg violins">

.. figure:: /gallery/demos/bokeh/thumbnails/autompg_violins.png

    :ref:`autompg_violins <bokeh_gallery_autompg_violins>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer bokeh_example" tooltip="Iris example">

.. figure:: /gallery/demos/bokeh/thumbnails/iris_example.png

    :ref:`iris_example <bokeh_gallery_iris_example>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Us unemployment">

.. figure:: /gallery/demos/matplotlib/thumbnails/us_unemployment.png

    :ref:`us_unemployment <matplotlib_gallery_us_unemployment>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Iris density grid">

.. figure:: /gallery/demos/matplotlib/thumbnails/iris_density_grid.png

    :ref:`iris_density_grid <matplotlib_gallery_iris_density_grid>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Iris splom example">

.. figure:: /gallery/demos/matplotlib/thumbnails/iris_splom_example.png

    :ref:`iris_splom_example <matplotlib_gallery_iris_splom_example>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Step chart">

.. figure:: /gallery/demos/matplotlib/thumbnails/step_chart.png

    :ref:`step_chart <matplotlib_gallery_step_chart>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Trisurf3d demo">

.. figure:: /gallery/demos/matplotlib/thumbnails/trisurf3d_demo.png

    :ref:`trisurf3d_demo <matplotlib_gallery_trisurf3d_demo>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Quiver demo">

.. figure:: /gallery/demos/matplotlib/thumbnails/quiver_demo.png

    :ref:`quiver_demo <matplotlib_gallery_quiver_demo>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Boxplot chart">

.. figure:: /gallery/demos/matplotlib/thumbnails/boxplot_chart.png

    :ref:`boxplot_chart <matplotlib_gallery_boxplot_chart>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Legend example">

.. figure:: /gallery/demos/matplotlib/thumbnails/legend_example.png

    :ref:`legend_example <matplotlib_gallery_legend_example>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Texas choropleth example">

.. figure:: /gallery/demos/matplotlib/thumbnails/texas_choropleth_example.png

    :ref:`texas_choropleth_example <matplotlib_gallery_texas_choropleth_example>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Mandelbrot section">

.. figure:: /gallery/demos/matplotlib/thumbnails/mandelbrot_section.png

    :ref:`mandelbrot_section <matplotlib_gallery_mandelbrot_section>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Nyc radial heatmap">

.. figure:: /gallery/demos/matplotlib/thumbnails/nyc_radial_heatmap.png

    :ref:`nyc_radial_heatmap <matplotlib_gallery_nyc_radial_heatmap>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Dropdown economic">

.. figure:: /gallery/demos/matplotlib/thumbnails/dropdown_economic.png

    :ref:`dropdown_economic <matplotlib_gallery_dropdown_economic>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Hextile movie ratings">

.. figure:: /gallery/demos/matplotlib/thumbnails/hextile_movie_ratings.png

    :ref:`hextile_movie_ratings <matplotlib_gallery_hextile_movie_ratings>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Energy sankey">

.. figure:: /gallery/demos/matplotlib/thumbnails/energy_sankey.png

    :ref:`energy_sankey <matplotlib_gallery_energy_sankey>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Scatter economic">

.. figure:: /gallery/demos/matplotlib/thumbnails/scatter_economic.png

    :ref:`scatter_economic <matplotlib_gallery_scatter_economic>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Bars economic">

.. figure:: /gallery/demos/matplotlib/thumbnails/bars_economic.png

    :ref:`bars_economic <matplotlib_gallery_bars_economic>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Irregular quadmesh">

.. figure:: /gallery/demos/matplotlib/thumbnails/irregular_quadmesh.png

    :ref:`irregular_quadmesh <matplotlib_gallery_irregular_quadmesh>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Topographic hillshading">

.. figure:: /gallery/demos/matplotlib/thumbnails/topographic_hillshading.png

    :ref:`topographic_hillshading <matplotlib_gallery_topographic_hillshading>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Surface 3d">

.. figure:: /gallery/demos/matplotlib/thumbnails/surface_3d.png

    :ref:`surface_3d <matplotlib_gallery_surface_3d>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Route chord">

.. figure:: /gallery/demos/matplotlib/thumbnails/route_chord.png

    :ref:`route_chord <matplotlib_gallery_route_chord>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Polar scatter demo">

.. figure:: /gallery/demos/matplotlib/thumbnails/polar_scatter_demo.png

    :ref:`polar_scatter_demo <matplotlib_gallery_polar_scatter_demo>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Stocks example">

.. figure:: /gallery/demos/matplotlib/thumbnails/stocks_example.png

    :ref:`stocks_example <matplotlib_gallery_stocks_example>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Area chart">

.. figure:: /gallery/demos/matplotlib/thumbnails/area_chart.png

    :ref:`area_chart <matplotlib_gallery_area_chart>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Histogram example">

.. figure:: /gallery/demos/matplotlib/thumbnails/histogram_example.png

    :ref:`histogram_example <matplotlib_gallery_histogram_example>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Iris grouped grid">

.. figure:: /gallery/demos/matplotlib/thumbnails/iris_grouped_grid.png

    :ref:`iris_grouped_grid <matplotlib_gallery_iris_grouped_grid>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Lorenz attractor example">

.. figure:: /gallery/demos/matplotlib/thumbnails/lorenz_attractor_example.png

    :ref:`lorenz_attractor_example <matplotlib_gallery_lorenz_attractor_example>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Square limit">

.. figure:: /gallery/demos/matplotlib/thumbnails/square_limit.png

    :ref:`square_limit <matplotlib_gallery_square_limit>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Verhulst mandelbrot">

.. figure:: /gallery/demos/matplotlib/thumbnails/verhulst_mandelbrot.png

    :ref:`verhulst_mandelbrot <matplotlib_gallery_verhulst_mandelbrot>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Dragon curve">

.. figure:: /gallery/demos/matplotlib/thumbnails/dragon_curve.png

    :ref:`dragon_curve <matplotlib_gallery_dragon_curve>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Network graph">

.. figure:: /gallery/demos/matplotlib/thumbnails/network_graph.png

    :ref:`network_graph <matplotlib_gallery_network_graph>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Measles example">

.. figure:: /gallery/demos/matplotlib/thumbnails/measles_example.png

    :ref:`measles_example <matplotlib_gallery_measles_example>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Autompg histogram">

.. figure:: /gallery/demos/matplotlib/thumbnails/autompg_histogram.png

    :ref:`autompg_histogram <matplotlib_gallery_autompg_histogram>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Bachelors degrees by gender">

.. figure:: /gallery/demos/matplotlib/thumbnails/bachelors_degrees_by_gender.png

    :ref:`bachelors_degrees_by_gender <matplotlib_gallery_bachelors_degrees_by_gender>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Autompg violins">

.. figure:: /gallery/demos/matplotlib/thumbnails/autompg_violins.png

    :ref:`autompg_violins <matplotlib_gallery_autompg_violins>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer matplotlib_example" tooltip="Iris example">

.. figure:: /gallery/demos/matplotlib/thumbnails/iris_example.png

    :ref:`iris_example <matplotlib_gallery_iris_example>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer plotly_example" tooltip="Trisurf3d demo">

.. figure:: /gallery/demos/plotly/thumbnails/trisurf3d_demo.png

    :ref:`trisurf3d_demo <plotly_gallery_trisurf3d_demo>`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer plotly_example" tooltip="Surface 3d">

.. figure:: /gallery/demos/plotly/thumbnails/surface_3d.png

    :ref:`surface_3d <plotly_gallery_surface_3d>`

.. raw:: html

    </div>

.. raw:: html


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


.. raw:: html

    <script>
        $(document).ready(function () {
            backends = ['matplotlib', 'plotly'];
            for (var i=0; i<backends.length; i++){
                $('.'+backends[i]+'_example').hide();
            }
        });
    </script>