:orphan:

Examples Gallery
****************



.. raw:: html

    <div class="sphx-glr-thumbnails">

.. thumbnail-parent-div-open

.. thumbnail-parent-div-close

.. raw:: html

    </div>

Image Examples
==============



.. raw:: html

    <div class="sphx-glr-thumbnails">

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Test image to verify dims">

.. only:: html

  .. image:: /_gallery/image/images/thumb/sphx_glr_image_small_thumb.png
    :alt:

  :ref:`sphx_glr__gallery_image_image_small.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Small Image</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing the simple plot creation with Standard imageio image.">

.. only:: html

  .. image:: /_gallery/image/images/thumb/sphx_glr_image_simple_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_image_image_simple.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Simple Image</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing the simple plot creation with 512 x 512 2D RGB image.">

.. only:: html

  .. image:: /_gallery/image/images/thumb/sphx_glr_image_rgb_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_image_image_rgb.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">RGB Image</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing simple plot creation and subsequent cmap change with Standard image from imageio.">

.. only:: html

  .. image:: /_gallery/image/images/thumb/sphx_glr_image_cmap_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_image_image_cmap.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Image Colormap</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing the simple plot followed by changing the vmin/vmax with 512 x 512 2D RGB image.">

.. only:: html

  .. image:: /_gallery/image/images/thumb/sphx_glr_image_rgbvminvmax_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_image_image_rgbvminvmax.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">RGB Image Vmin/Vmax</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing the simple plot creation followed by changing the vmin/vmax with Standard imageio image.">

.. only:: html

  .. image:: /_gallery/image/images/thumb/sphx_glr_image_vminvmax_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_image_image_vminvmax.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Image Vmin/Vmax</div>
    </div>


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /_gallery/image/image_small
   /_gallery/image/image_simple
   /_gallery/image/image_rgb
   /_gallery/image/image_cmap
   /_gallery/image/image_rgbvminvmax
   /_gallery/image/image_vminvmax

Heatmap Examples
================



.. raw:: html

    <div class="sphx-glr-thumbnails">

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Heatmap or large arrays">

.. only:: html

  .. image:: /_gallery/heatmap/images/thumb/sphx_glr_heatmap_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_heatmap_heatmap.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Heatmap or large arrays</div>
    </div>


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /_gallery/heatmap/heatmap

ImageWidget Examples
====================



.. raw:: html

    <div class="sphx-glr-thumbnails">

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Test Figure to test that viewport rects are positioned correctly in an image widget">

.. only:: html

  .. image:: /_gallery/image_widget/images/thumb/sphx_glr_image_widget_viewports_check_thumb.png
    :alt:

  :ref:`sphx_glr__gallery_image_widget_image_widget_viewports_check.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">ImageWidget test viewport rects</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing the image widget in action.">

.. only:: html

  .. image:: /_gallery/image_widget/images/thumb/sphx_glr_image_widget_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_image_widget_image_widget.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Image widget</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing how to scroll through one or more videos using the ImageWidget">

.. only:: html

  .. image:: /_gallery/image_widget/images/thumb/sphx_glr_image_widget_videos_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_image_widget_image_widget_videos.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Image widget videos side by side</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing how to view multiple images in an ImageWidget">

.. only:: html

  .. image:: /_gallery/image_widget/images/thumb/sphx_glr_image_widget_grid_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_image_widget_image_widget_grid.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Image widget grid</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing how to scroll through one or more videos using the ImageWidget">

.. only:: html

  .. image:: /_gallery/image_widget/images/thumb/sphx_glr_image_widget_single_video_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_image_widget_image_widget_single_video.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Image widget Video</div>
    </div>


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /_gallery/image_widget/image_widget_viewports_check
   /_gallery/image_widget/image_widget
   /_gallery/image_widget/image_widget_videos
   /_gallery/image_widget/image_widget_grid
   /_gallery/image_widget/image_widget_single_video

GridPlot Examples
=================



.. raw:: html

    <div class="sphx-glr-thumbnails">

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing simple 2x2 GridPlot with Standard images from imageio.">

.. only:: html

  .. image:: /_gallery/gridplot/images/thumb/sphx_glr_gridplot_non_square_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_gridplot_gridplot_non_square.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">GridPlot Non-Square Example</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Test figure to test that viewport rects are positioned correctly">

.. only:: html

  .. image:: /_gallery/gridplot/images/thumb/sphx_glr_gridplot_viewports_check_thumb.png
    :alt:

  :ref:`sphx_glr__gallery_gridplot_gridplot_viewports_check.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">GridPlot test viewport rects</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing simple 2x2 GridPlot with Standard images from imageio.">

.. only:: html

  .. image:: /_gallery/gridplot/images/thumb/sphx_glr_gridplot_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_gridplot_gridplot.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">GridPlot Simple</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing a Figure with multiple subplots and multiple graphic types.">

.. only:: html

  .. image:: /_gallery/gridplot/images/thumb/sphx_glr_multigraphic_gridplot_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_gridplot_multigraphic_gridplot.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Multi-Graphic GridPlot</div>
    </div>


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /_gallery/gridplot/gridplot_non_square
   /_gallery/gridplot/gridplot_viewports_check
   /_gallery/gridplot/gridplot
   /_gallery/gridplot/multigraphic_gridplot

Window Layout Examples
======================



.. raw:: html

    <div class="sphx-glr-thumbnails">

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Create subplots using given rects in absolute pixels. This example plots two images and their histograms in separate subplots">

.. only:: html

  .. image:: /_gallery/window_layouts/images/thumb/sphx_glr_rect_layout_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_window_layouts_rect_layout.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Rect Layout</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Create subplots using rects given as fractions of the canvas. This example plots two images and their histograms in separate subplots">

.. only:: html

  .. image:: /_gallery/window_layouts/images/thumb/sphx_glr_rect_frac_layout_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_window_layouts_rect_frac_layout.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Rect Fractional Layout</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Create subplots using extents given as fractions of the canvas. This example plots two images and their histograms in separate subplots">

.. only:: html

  .. image:: /_gallery/window_layouts/images/thumb/sphx_glr_extent_frac_layout_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_window_layouts_extent_frac_layout.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Fractional Extent Layout</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Create subplots using given extents in absolute pixels. This example plots two images and their histograms in separate subplots">

.. only:: html

  .. image:: /_gallery/window_layouts/images/thumb/sphx_glr_extent_layout_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_window_layouts_extent_layout.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Extent Layout</div>
    </div>


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /_gallery/window_layouts/rect_layout
   /_gallery/window_layouts/rect_frac_layout
   /_gallery/window_layouts/extent_frac_layout
   /_gallery/window_layouts/extent_layout

Line Examples
=============



.. raw:: html

    <div class="sphx-glr-thumbnails">

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing basic colormapping with lines">

.. only:: html

  .. image:: /_gallery/line/images/thumb/sphx_glr_line_cmap_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_line_line_cmap.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Line Plot Colormap</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing cosine, sine, sinc lines.">

.. only:: html

  .. image:: /_gallery/line/images/thumb/sphx_glr_line_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_line_line.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Simple Line Plot</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing data slicing with cosine, sine, sinc lines.">

.. only:: html

  .. image:: /_gallery/line/images/thumb/sphx_glr_line_dataslice_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_line_line_dataslice.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Line Plot Data Slicing</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing more on colormapping with lines">

.. only:: html

  .. image:: /_gallery/line/images/thumb/sphx_glr_line_cmap_more_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_line_line_cmap_more.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Lines more colormapping</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing color slicing with cosine, sine, sinc lines.">

.. only:: html

  .. image:: /_gallery/line/images/thumb/sphx_glr_line_colorslice_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_line_line_colorslice.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Line Plot Color Slicing</div>
    </div>


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /_gallery/line/line_cmap
   /_gallery/line/line
   /_gallery/line/line_dataslice
   /_gallery/line/line_cmap_more
   /_gallery/line/line_colorslice

LineCollection Examples
=======================



.. raw:: html

    <div class="sphx-glr-thumbnails">

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing how to plot a stack of lines">

.. only:: html

  .. image:: /_gallery/line_collection/images/thumb/sphx_glr_line_stack_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_line_collection_line_stack.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Line Stack</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing how to plot line collections">

.. only:: html

  .. image:: /_gallery/line_collection/images/thumb/sphx_glr_line_collection_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_line_collection_line_collection.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Line Collection Simple</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing one way ot setting colors for individual lines in a collection">

.. only:: html

  .. image:: /_gallery/line_collection/images/thumb/sphx_glr_line_collection_colors_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_line_collection_line_collection_colors.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Line Collection Colors</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing a line collection with a quantitative cmap">

.. only:: html

  .. image:: /_gallery/line_collection/images/thumb/sphx_glr_line_collection_cmap_values_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_line_collection_line_collection_cmap_values.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Line collections quantitative cmap</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing a line collection with a qualitative cmap">

.. only:: html

  .. image:: /_gallery/line_collection/images/thumb/sphx_glr_line_collection_cmap_values_qualitative_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_line_collection_line_collection_cmap_values_qualitative.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Line Collection Qualitative Colormap</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing how to slice a line collection">

.. only:: html

  .. image:: /_gallery/line_collection/images/thumb/sphx_glr_line_collection_slicing_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_line_collection_line_collection_slicing.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Line collection slicing</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing a 3D stack of lines with animations">

.. only:: html

  .. image:: /_gallery/line_collection/images/thumb/sphx_glr_line_stack_3d_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_line_collection_line_stack_3d.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Line stack 3D</div>
    </div>


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /_gallery/line_collection/line_stack
   /_gallery/line_collection/line_collection
   /_gallery/line_collection/line_collection_colors
   /_gallery/line_collection/line_collection_cmap_values
   /_gallery/line_collection/line_collection_cmap_values_qualitative
   /_gallery/line_collection/line_collection_slicing
   /_gallery/line_collection/line_stack_3d

Scatter Examples
================



.. raw:: html

    <div class="sphx-glr-thumbnails">

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing color slice for scatter plot.">

.. only:: html

  .. image:: /_gallery/scatter/images/thumb/sphx_glr_scatter_colorslice_iris_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_scatter_scatter_colorslice_iris.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Iris Scatter Plot Color Slicing</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing cmap change for scatter plot.">

.. only:: html

  .. image:: /_gallery/scatter/images/thumb/sphx_glr_scatter_cmap_iris_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_scatter_scatter_cmap_iris.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Iris Scatter Colormap</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing scatter plot using sklearn iris dataset.">

.. only:: html

  .. image:: /_gallery/scatter/images/thumb/sphx_glr_scatter_iris_thumb.png
    :alt:

  :ref:`sphx_glr__gallery_scatter_scatter_iris.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Iris Scatter Plot</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing data slice for scatter plot.">

.. only:: html

  .. image:: /_gallery/scatter/images/thumb/sphx_glr_scatter_dataslice_iris_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_scatter_scatter_dataslice_iris.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Iris Scatter Plot Data Slicing</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing data slice for scatter plot.">

.. only:: html

  .. image:: /_gallery/scatter/images/thumb/sphx_glr_scatter_dataslice_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_scatter_scatter_dataslice.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Scatter Plot Data Slicing</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing scatter plot.">

.. only:: html

  .. image:: /_gallery/scatter/images/thumb/sphx_glr_scatter_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_scatter_scatter.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Scatter Plot</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing cmap change for scatter plot.">

.. only:: html

  .. image:: /_gallery/scatter/images/thumb/sphx_glr_scatter_cmap_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_scatter_scatter_cmap.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Scatter Colormap</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing color slice for scatter plot.">

.. only:: html

  .. image:: /_gallery/scatter/images/thumb/sphx_glr_scatter_colorslice_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_scatter_scatter_colorslice.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Scatter Plot Color Slicing</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing point size change for scatter plot.">

.. only:: html

  .. image:: /_gallery/scatter/images/thumb/sphx_glr_scatter_size_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_scatter_scatter_size.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Scatter Plot Size</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example of a spinning spiral scatter.">

.. only:: html

  .. image:: /_gallery/scatter/images/thumb/sphx_glr_spinning_spiral_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_scatter_spinning_spiral.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Spinning spiral scatter</div>
    </div>


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /_gallery/scatter/scatter_colorslice_iris
   /_gallery/scatter/scatter_cmap_iris
   /_gallery/scatter/scatter_iris
   /_gallery/scatter/scatter_dataslice_iris
   /_gallery/scatter/scatter_dataslice
   /_gallery/scatter/scatter
   /_gallery/scatter/scatter_cmap
   /_gallery/scatter/scatter_colorslice
   /_gallery/scatter/scatter_size
   /_gallery/scatter/spinning_spiral

Selection Tools
===============



.. raw:: html

    <div class="sphx-glr-thumbnails">

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing how to use a RectangleSelector with images">

.. only:: html

  .. image:: /_gallery/selection_tools/images/thumb/sphx_glr_rectangle_selector_zoom_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_selection_tools_rectangle_selector_zoom.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Rectangle Selectors Images</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing how to use a RectangleSelector with line collections">

.. only:: html

  .. image:: /_gallery/selection_tools/images/thumb/sphx_glr_rectangle_selector_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_selection_tools_rectangle_selector.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Rectangle Selectors</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing how to use a LinearSelector to selector rows or columns of an image. The subplot on the right displays the data for the selector row and column.">

.. only:: html

  .. image:: /_gallery/selection_tools/images/thumb/sphx_glr_linear_selector_image_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_selection_tools_linear_selector_image.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Linear Selectors Image</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing how to use a LinearRegionSelector with a LineCollection">

.. only:: html

  .. image:: /_gallery/selection_tools/images/thumb/sphx_glr_linear_region_line_collection_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_selection_tools_linear_region_line_collection.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">LinearRegionSelectors with LineCollection</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing how to use a LinearRegionSelector with lines. We demonstrate two use cases, a horizontal LinearRegionSelector which selects along the x-axis and a vertical selector which moves along the y-axis.">

.. only:: html

  .. image:: /_gallery/selection_tools/images/thumb/sphx_glr_linear_region_selector_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_selection_tools_linear_region_selector.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">LinearRegionSelectors</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Identical to linear region selector but with offsets for testing purposes">

.. only:: html

  .. image:: /_gallery/selection_tools/images/thumb/sphx_glr_linear_region_selectors_match_offsets_thumb.png
    :alt:

  :ref:`sphx_glr__gallery_selection_tools_linear_region_selectors_match_offsets.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">LinearRegionSelectors match offsets</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Explore fourier transform of images">

.. only:: html

  .. image:: /_gallery/selection_tools/images/thumb/sphx_glr_fft_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_selection_tools_fft.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Explore fourier transform of images</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example with linear selectors on a sine and cosine function that demonstrates the unit circle.">

.. only:: html

  .. image:: /_gallery/selection_tools/images/thumb/sphx_glr_unit_circle_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_selection_tools_unit_circle.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Unit circle</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing how to use a LinearSelector with lines and line collections.">

.. only:: html

  .. image:: /_gallery/selection_tools/images/thumb/sphx_glr_linear_selector_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_selection_tools_linear_selector.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Linear Selectors</div>
    </div>


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /_gallery/selection_tools/rectangle_selector_zoom
   /_gallery/selection_tools/rectangle_selector
   /_gallery/selection_tools/linear_selector_image
   /_gallery/selection_tools/linear_region_line_collection
   /_gallery/selection_tools/linear_region_selector
   /_gallery/selection_tools/linear_region_selectors_match_offsets
   /_gallery/selection_tools/fft
   /_gallery/selection_tools/unit_circle
   /_gallery/selection_tools/linear_selector

Machine Learning Examples
=========================



.. raw:: html

    <div class="sphx-glr-thumbnails">

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing how you can explore a covariance matrix with a selector tool.">

.. only:: html

  .. image:: /_gallery/machine_learning/images/thumb/sphx_glr_covariance_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_machine_learning_covariance.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Explore Covariance Matrix</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing how you can perform K-Means clustering on the MNIST dataset.">

.. only:: html

  .. image:: /_gallery/machine_learning/images/thumb/sphx_glr_kmeans_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_machine_learning_kmeans.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">K-Means Clustering of MNIST Dataset</div>
    </div>


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /_gallery/machine_learning/covariance
   /_gallery/machine_learning/kmeans

ImGUI for within canvas GUIs
============================



.. raw:: html

    <div class="sphx-glr-thumbnails">

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing how to write a custom GUI with imgui and use it with ImageWidget">

.. only:: html

  .. image:: /_gallery/guis/images/thumb/sphx_glr_image_widget_imgui_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_guis_image_widget_imgui.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">ImGUI with ImageWidget</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Basic examples demonstrating how to use imgui in fastplotlib.">

.. only:: html

  .. image:: /_gallery/guis/images/thumb/sphx_glr_imgui_basic_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_guis_imgui_basic.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">ImGUI Basics</div>
    </div>


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /_gallery/guis/image_widget_imgui
   /_gallery/guis/imgui_basic

Other Examples
==============



.. raw:: html

    <div class="sphx-glr-thumbnails">

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing updating a single plot with new random 512x512 data.">

.. only:: html

  .. image:: /_gallery/misc/images/thumb/sphx_glr_image_animation_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_misc_image_animation.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Simple Image Update</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Animate scatter sizes">

.. only:: html

  .. image:: /_gallery/misc/images/thumb/sphx_glr_scatter_sizes_animation_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_misc_scatter_sizes_animation.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Scatter sizes animation</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing animation with lines.">

.. only:: html

  .. image:: /_gallery/misc/images/thumb/sphx_glr_line_animation_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_misc_line_animation.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Simple Line Animation</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing how to add a simple callback event.">

.. only:: html

  .. image:: /_gallery/misc/images/thumb/sphx_glr_simple_event_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_misc_simple_event.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Simple Event</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing animation with 3D lines.">

.. only:: html

  .. image:: /_gallery/misc/images/thumb/sphx_glr_line3d_animation_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_misc_line3d_animation.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Simple 3D Line Animation</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing updating a multiple subplots with new random 512x512 data.">

.. only:: html

  .. image:: /_gallery/misc/images/thumb/sphx_glr_multiplot_animation_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_misc_multiplot_animation.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Multi-Subplot Image Update</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing animation with a scatter plot.">

.. only:: html

  .. image:: /_gallery/misc/images/thumb/sphx_glr_scatter_animation_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_misc_scatter_animation.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Scatter Animation Data</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing animation with a scatter plot.">

.. only:: html

  .. image:: /_gallery/misc/images/thumb/sphx_glr_cycle_animation_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_misc_cycle_animation.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Scatter Animation Colors</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example of the Lorenz attractor.">

.. only:: html

  .. image:: /_gallery/misc/images/thumb/sphx_glr_lorenz_animation_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_misc_lorenz_animation.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Lorenz System Animation</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing animation of an electromagnetic wave.">

.. only:: html

  .. image:: /_gallery/misc/images/thumb/sphx_glr_em_wave_animation_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_misc_em_wave_animation.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Electromagnetic Wave Animation</div>
    </div>


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /_gallery/misc/image_animation
   /_gallery/misc/scatter_sizes_animation
   /_gallery/misc/line_animation
   /_gallery/misc/simple_event
   /_gallery/misc/line3d_animation
   /_gallery/misc/multiplot_animation
   /_gallery/misc/scatter_animation
   /_gallery/misc/cycle_animation
   /_gallery/misc/lorenz_animation
   /_gallery/misc/em_wave_animation

Qt Examples
===========



.. raw:: html

    <div class="sphx-glr-thumbnails">

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Minimal PyQt example that displays an image.">

.. only:: html

  .. image:: /_gallery/qt/images/thumb/sphx_glr_minimal_thumb.png
    :alt:

  :ref:`sphx_glr__gallery_qt_minimal.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Minimal Qt</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example opens multiple windows to show multiple ImageWidgets.">

.. only:: html

  .. image:: /_gallery/qt/images/thumb/sphx_glr_imagewidget_thumb.png
    :alt:

  :ref:`sphx_glr__gallery_qt_imagewidget.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">ImageWidget as QtWidget</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="When using the Qt canvas, Figure.show() just returns a QWidget that behaves like any other Qt widget. So you can embed it and do other things that you can do with ordinary QWidgets. This example use a simple Plot to display a video frame that can be updated using a QSlider.">

.. only:: html

  .. image:: /_gallery/qt/images/thumb/sphx_glr_embed_thumb.png
    :alt:

  :ref:`sphx_glr__gallery_qt_embed.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Embed within a Qt Window</div>
    </div>


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /_gallery/qt/minimal
   /_gallery/qt/imagewidget
   /_gallery/qt/embed


.. only:: html

  .. container:: sphx-glr-footer sphx-glr-footer-gallery

    .. container:: sphx-glr-download sphx-glr-download-python

      :download:`Download all examples in Python source code: _gallery_python.zip </_gallery/_gallery_python.zip>`

    .. container:: sphx-glr-download sphx-glr-download-jupyter

      :download:`Download all examples in Jupyter notebooks: _gallery_jupyter.zip </_gallery/_gallery_jupyter.zip>`


.. only:: html

 .. rst-class:: sphx-glr-signature

    `Gallery generated by Sphinx-Gallery <https://sphinx-gallery.github.io>`_