: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:

  :doc:`/_gallery/image/image_small`

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

  :doc:`/_gallery/image/image_simple`

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

  :doc:`/_gallery/image/image_rgb`

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

  :doc:`/_gallery/image/image_cmap`

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

  :doc:`/_gallery/image/image_rgbvminvmax`

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

  :doc:`/_gallery/image/image_vminvmax`

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

Image Volume Examples
=====================



.. raw:: html

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

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Volume rendering of toy trig data">

.. only:: html

  .. image:: /_gallery/image_volume/images/thumb/sphx_glr_image_volume_toy_data_thumb.png
    :alt:

  :doc:`/_gallery/image_volume/image_volume_toy_data`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Volume rendering of toy data</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="View a volume using MIP (Maximum Intensity Projection) rendering.">

.. only:: html

  .. image:: /_gallery/image_volume/images/thumb/sphx_glr_image_volume_mip_thumb.webp
    :alt:

  :doc:`/_gallery/image_volume/image_volume_mip`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Volume Mip mode</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example with multi-channel volume images. Use alpha_mode &quot;add&quot; for additive blending.">

.. only:: html

  .. image:: /_gallery/image_volume/images/thumb/sphx_glr_image_volume_multi_channel_thumb.png
    :alt:

  :doc:`/_gallery/image_volume/image_volume_multi_channel`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Multi channel volumes</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Perform non-orthogonal slicing of image volumes.">

.. only:: html

  .. image:: /_gallery/image_volume/images/thumb/sphx_glr_image_volume_non_orthogonal_slicing_thumb.webp
    :alt:

  :doc:`/_gallery/image_volume/image_volume_non_orthogonal_slicing`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Volume non-orthogonal slicing</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Perform non-orthogonal slicing of image volumes.">

.. only:: html

  .. image:: /_gallery/image_volume/images/thumb/sphx_glr_image_volume_slicing_animation_thumb.webp
    :alt:

  :doc:`/_gallery/image_volume/image_volume_slicing_animation`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Volume non-orthogonal slicing animation</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Share the data buffer between two graphics. This example creates one Graphic using MIP rendering, and another graphic to display a slice of the volume. We can share the data buffer on the GPU between these graphics.">

.. only:: html

  .. image:: /_gallery/image_volume/images/thumb/sphx_glr_image_volume_share_buffer_thumb.webp
    :alt:

  :doc:`/_gallery/image_volume/image_volume_share_buffer`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Volume share buffers</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="View 4D data of a volume over time by updating the volume data.">

.. only:: html

  .. image:: /_gallery/image_volume/images/thumb/sphx_glr_image_volume_4d_thumb.webp
    :alt:

  :doc:`/_gallery/image_volume/image_volume_4d`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="View a volume using different rendering modes.">

.. only:: html

  .. image:: /_gallery/image_volume/images/thumb/sphx_glr_image_volume_render_modes_thumb.webp
    :alt:

  :doc:`/_gallery/image_volume/image_volume_render_modes`

.. raw:: html

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


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /_gallery/image_volume/image_volume_toy_data
   /_gallery/image_volume/image_volume_mip
   /_gallery/image_volume/image_volume_multi_channel
   /_gallery/image_volume/image_volume_non_orthogonal_slicing
   /_gallery/image_volume/image_volume_slicing_animation
   /_gallery/image_volume/image_volume_share_buffer
   /_gallery/image_volume/image_volume_4d
   /_gallery/image_volume/image_volume_render_modes

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:

  :doc:`/_gallery/heatmap/heatmap`

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

  :doc:`/_gallery/image_widget/image_widget_viewports_check`

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

  :doc:`/_gallery/image_widget/image_widget`

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

  :doc:`/_gallery/image_widget/image_widget_videos`

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

  :doc:`/_gallery/image_widget/image_widget_grid`

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

  :doc:`/_gallery/image_widget/image_widget_single_video`

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

Grid layout Examples
====================



.. raw:: html

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

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Simple 2x2 grid layout Figure with standard images from imageio, one subplot is left empty">

.. only:: html

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

  :doc:`/_gallery/gridplot/gridplot_non_square`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Grid Layout 2</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:

  :doc:`/_gallery/gridplot/gridplot_viewports_check`

.. raw:: html

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


.. raw:: html

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

.. only:: html

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

  :doc:`/_gallery/gridplot/gridplot`

.. raw:: html

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


.. raw:: html

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

.. only:: html

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

  :doc:`/_gallery/gridplot/multigraphic_gridplot`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Multi-Graphic Grid layout</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:

  :doc:`/_gallery/window_layouts/rect_layout`

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

  :doc:`/_gallery/window_layouts/rect_frac_layout`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Rect Fractional 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:

  :doc:`/_gallery/window_layouts/extent_layout`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Extent 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:

  :doc:`/_gallery/window_layouts/extent_frac_layout`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Fractional 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_layout
   /_gallery/window_layouts/extent_frac_layout

Controller examples
===================



.. raw:: html

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

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Use one controller for all subplots.">

.. only:: html

  .. image:: /_gallery/controllers/images/thumb/sphx_glr_sync_all_thumb.webp
    :alt:

  :doc:`/_gallery/controllers/sync_all`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Provide a list of tuples where each tuple has subplot names. The same controller will be used for the subplots indicated by each of these tuples">

.. only:: html

  .. image:: /_gallery/controllers/images/thumb/sphx_glr_specify_names_thumb.webp
    :alt:

  :doc:`/_gallery/controllers/specify_names`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Specify IDs with subplot names</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Specify controllers to sync subplots using integer IDs">

.. only:: html

  .. image:: /_gallery/controllers/images/thumb/sphx_glr_specify_integers_thumb.webp
    :alt:

  :doc:`/_gallery/controllers/specify_integers`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Specify IDs with integers</div>
    </div>


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /_gallery/controllers/sync_all
   /_gallery/controllers/specify_names
   /_gallery/controllers/specify_integers

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:

  :doc:`/_gallery/line/line_cmap`

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

  :doc:`/_gallery/line/line`

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

  :doc:`/_gallery/line/line_dataslice`

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

  :doc:`/_gallery/line/line_cmap_more`

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

  :doc:`/_gallery/line/line_colorslice`

.. 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 line collections">

.. only:: html

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

  :doc:`/_gallery/line_collection/line_collection`

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

  :doc:`/_gallery/line_collection/line_collection_colors`

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

  :doc:`/_gallery/line_collection/line_collection_cmap_values`

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

  :doc:`/_gallery/line_collection/line_collection_cmap_values_qualitative`

.. 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 plot a stack of lines">

.. only:: html

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

  :doc:`/_gallery/line_collection/line_stack`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Line Stack</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:

  :doc:`/_gallery/line_collection/line_collection_slicing`

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

  :doc:`/_gallery/line_collection/line_stack_3d`

.. 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_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_stack
   /_gallery/line_collection/line_collection_slicing
   /_gallery/line_collection/line_stack_3d

Mesh Examples
=============



.. raw:: html

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

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing a surface mesh">

.. only:: html

  .. image:: /_gallery/mesh/images/thumb/sphx_glr_surface_height_thumb.webp
    :alt:

  :doc:`/_gallery/mesh/surface_height`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing a simple mesh">

.. only:: html

  .. image:: /_gallery/mesh/images/thumb/sphx_glr_mesh_thumb.webp
    :alt:

  :doc:`/_gallery/mesh/mesh`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing an image as a surface.">

.. only:: html

  .. image:: /_gallery/mesh/images/thumb/sphx_glr_image_surface_thumb.webp
    :alt:

  :doc:`/_gallery/mesh/image_surface`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Surface graphic showing elevation map of the earth">

.. only:: html

  .. image:: /_gallery/mesh/images/thumb/sphx_glr_surface_terrain_thumb.png
    :alt:

  :doc:`/_gallery/mesh/surface_terrain`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Elevation map of the earth</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing a gaussian kernel as a surface mesh">

.. only:: html

  .. image:: /_gallery/mesh/images/thumb/sphx_glr_surface_gaussian_thumb.webp
    :alt:

  :doc:`/_gallery/mesh/surface_gaussian`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Gaussian kernel as a surface</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example of a surface ripple animation by setting the z-height data on every render.">

.. only:: html

  .. image:: /_gallery/mesh/images/thumb/sphx_glr_surface_ripple_thumb.webp
    :alt:

  :doc:`/_gallery/mesh/surface_ripple`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="An example with polygons.">

.. only:: html

  .. image:: /_gallery/mesh/images/thumb/sphx_glr_polygons_thumb.webp
    :alt:

  :doc:`/_gallery/mesh/polygons`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Simple example of a sphere surface mesh with a colormap indicating z values.">

.. only:: html

  .. image:: /_gallery/mesh/images/thumb/sphx_glr_surface_ellipsoid_thumb.webp
    :alt:

  :doc:`/_gallery/mesh/surface_ellipsoid`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Polygon animation example that changes the polygon data. Random points are generated by sampling from a 2D gaussian and a polygon is updated to visualize a convex hull for the sampled points.">

.. only:: html

  .. image:: /_gallery/mesh/images/thumb/sphx_glr_polygon_animation_thumb.webp
    :alt:

  :doc:`/_gallery/mesh/polygon_animation`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example of a sphere with a ripple effect by setting the data on every render.">

.. only:: html

  .. image:: /_gallery/mesh/images/thumb/sphx_glr_surface_sphere_ripple_thumb.webp
    :alt:

  :doc:`/_gallery/mesh/surface_sphere_ripple`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Sphere ripple animation</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing how to create a sphere with an image of the Earth and rotate it around its 23.44° axis of rotation with respect to the ecliptic (the xz plane in the visualization).">

.. only:: html

  .. image:: /_gallery/mesh/images/thumb/sphx_glr_surface_earth_thumb.webp
    :alt:

  :doc:`/_gallery/mesh/surface_earth`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Earth sphere animation</div>
    </div>


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /_gallery/mesh/surface_height
   /_gallery/mesh/mesh
   /_gallery/mesh/image_surface
   /_gallery/mesh/surface_terrain
   /_gallery/mesh/surface_gaussian
   /_gallery/mesh/surface_ripple
   /_gallery/mesh/polygons
   /_gallery/mesh/surface_ellipsoid
   /_gallery/mesh/polygon_animation
   /_gallery/mesh/surface_sphere_ripple
   /_gallery/mesh/surface_earth

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



.. raw:: html

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

.. thumbnail-parent-div-open

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

  :doc:`/_gallery/scatter/scatter_cmap_iris`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Iris 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_iris_thumb.webp
    :alt:

  :doc:`/_gallery/scatter/scatter_colorslice_iris`

.. 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 data slice for scatter plot.">

.. only:: html

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

  :doc:`/_gallery/scatter/scatter_dataslice_iris`

.. 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 scatter plot using sklearn iris dataset.">

.. only:: html

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

  :doc:`/_gallery/scatter/scatter_iris`

.. 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_thumb.webp
    :alt:

  :doc:`/_gallery/scatter/scatter_dataslice`

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

  :doc:`/_gallery/scatter/scatter`

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

  :doc:`/_gallery/scatter/scatter_cmap`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example that shows how to set scatter sizes in two different ways.">

.. only:: html

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

  :doc:`/_gallery/scatter/scatter_size`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Scatter Plot Size</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:

  :doc:`/_gallery/scatter/scatter_colorslice`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Display a scatter using an image as the points. These are also called sprites.">

.. only:: html

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

  :doc:`/_gallery/scatter/scatter_image_as_points`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Scatter image as points</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example that shows some scatter plot features for test validation.">

.. only:: html

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

  :doc:`/_gallery/scatter/scatter_validate`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Scatter validation</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:

  :doc:`/_gallery/scatter/spinning_spiral`

.. 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_cmap_iris
   /_gallery/scatter/scatter_colorslice_iris
   /_gallery/scatter/scatter_dataslice_iris
   /_gallery/scatter/scatter_iris
   /_gallery/scatter/scatter_dataslice
   /_gallery/scatter/scatter
   /_gallery/scatter/scatter_cmap
   /_gallery/scatter/scatter_size
   /_gallery/scatter/scatter_colorslice
   /_gallery/scatter/scatter_image_as_points
   /_gallery/scatter/scatter_validate
   /_gallery/scatter/spinning_spiral

Vector Examples
===============



.. raw:: html

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

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Simple example with vectors. Similar to matplotlib quiver.">

.. only:: html

  .. image:: /_gallery/vectors/images/thumb/sphx_glr_vectors_simple_thumb.webp
    :alt:

  :doc:`/_gallery/vectors/vectors_simple`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing swirling vectors. Similar to matplotlib quiver.">

.. only:: html

  .. image:: /_gallery/vectors/images/thumb/sphx_glr_vectors_swirl_thumb.webp
    :alt:

  :doc:`/_gallery/vectors/vectors_swirl`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Interactively move the charges around by clicking and dragging the mouse to see the static field with the charges at their new positions. This is just computing static fields, no electrodynamics or magnetic field effects are taken into account.">

.. only:: html

  .. image:: /_gallery/vectors/images/thumb/sphx_glr_vectors_interact_electric_charges_thumb.webp
    :alt:

  :doc:`/_gallery/vectors/vectors_interact_electric_charges`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Static Electric Field</div>
    </div>


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /_gallery/vectors/vectors_simple
   /_gallery/vectors/vectors_swirl
   /_gallery/vectors/vectors_interact_electric_charges

Text Examples
=============



.. raw:: html

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

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="A TextGraphic that labels a point on a line and another TextGraphic that moves along the line on every draw.">

.. only:: html

  .. image:: /_gallery/text/images/thumb/sphx_glr_moving_label_thumb.webp
    :alt:

  :doc:`/_gallery/text/moving_label`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Moving TextGraphic label</div>
    </div>


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /_gallery/text/moving_label

Events
======

Several examples using events


.. 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 click event on an image.">

.. only:: html

  .. image:: /_gallery/events/images/thumb/sphx_glr_image_click_thumb.webp
    :alt:

  :doc:`/_gallery/events/image_click`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing how to add an event handler to an ImageGraphic to capture when the data changes.">

.. only:: html

  .. image:: /_gallery/events/images/thumb/sphx_glr_image_data_event_thumb.webp
    :alt:

  :doc:`/_gallery/events/image_data_event`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Shows how to use the &quot;pointer_move&quot; event to get the nearest circle and highlight it.">

.. only:: html

  .. image:: /_gallery/events/images/thumb/sphx_glr_lines_mouse_nearest_thumb.webp
    :alt:

  :doc:`/_gallery/events/lines_mouse_nearest`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Move an image around using and change some of its properties using keyboard events.">

.. only:: html

  .. image:: /_gallery/events/images/thumb/sphx_glr_key_events_thumb.webp
    :alt:

  :doc:`/_gallery/events/key_events`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Click and drag the mouse to paint in the image">

.. only:: html

  .. image:: /_gallery/events/images/thumb/sphx_glr_paint_image_thumb.webp
    :alt:

  :doc:`/_gallery/events/paint_image`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Add a cmap event handler to multiple graphics. When any one graphic changes the cmap, the cmap of all other graphics is also changed.">

.. only:: html

  .. image:: /_gallery/events/images/thumb/sphx_glr_cmap_event_thumb.webp
    :alt:

  :doc:`/_gallery/events/cmap_event`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Add an event handler to click on scatter points and highlight them, i.e. change the color and size of the clicked point. Fly around the 3D scatter using WASD keys and click on points to highlight them">

.. only:: html

  .. image:: /_gallery/events/images/thumb/sphx_glr_scatter_click_thumb.webp
    :alt:

  :doc:`/_gallery/events/scatter_click`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Add an event handler to hover on scatter points and highlight them, i.e. change the color and size of the clicked point. Fly around the 3D scatter using WASD keys and click on points to highlight them.">

.. only:: html

  .. image:: /_gallery/events/images/thumb/sphx_glr_scatter_hover_thumb.webp
    :alt:

  :doc:`/_gallery/events/scatter_hover`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example where you can drag scatter points on a line. This example also demonstrates how you can use a shared buffer between two graphics to represent the same data using different graphics. When you update the data of one graphic the data of the other graphic is also changed simultaneously since they use the same underlying buffer on the GPU.">

.. only:: html

  .. image:: /_gallery/events/images/thumb/sphx_glr_drag_points_thumb.webp
    :alt:

  :doc:`/_gallery/events/drag_points`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Simple example of adding event handlers for line data and thickness.">

.. only:: html

  .. image:: /_gallery/events/images/thumb/sphx_glr_line_data_thickness_event_thumb.webp
    :alt:

  :doc:`/_gallery/events/line_data_thickness_event`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Events line data thickness</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Based on the sklearn preprocessing scalers example. Hover points to highlight the corresponding point of the dataset transformed by the various scalers.">

.. only:: html

  .. image:: /_gallery/events/images/thumb/sphx_glr_scatter_hover_transforms_thumb.webp
    :alt:

  :doc:`/_gallery/events/scatter_hover_transforms`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Scatter data explore scalers</div>
    </div>


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /_gallery/events/image_click
   /_gallery/events/image_data_event
   /_gallery/events/lines_mouse_nearest
   /_gallery/events/key_events
   /_gallery/events/paint_image
   /_gallery/events/cmap_event
   /_gallery/events/scatter_click
   /_gallery/events/scatter_hover
   /_gallery/events/drag_points
   /_gallery/events/line_data_thickness_event
   /_gallery/events/scatter_hover_transforms

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:

  :doc:`/_gallery/selection_tools/rectangle_selector_zoom`

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

  :doc:`/_gallery/selection_tools/rectangle_selector`

.. 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 PolygonSelector (a.k.a. lasso selector) with line collections">

.. only:: html

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

  :doc:`/_gallery/selection_tools/polygon_selector`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing how to use a LinearSelector to select rows or columns of an image. The subplot on the right displays the data for the selector row and column. Move the selectors independently or click the middle mouse button to move both selectors to the clicked location.">

.. only:: html

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

  :doc:`/_gallery/selection_tools/linear_selector_image`

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

  :doc:`/_gallery/selection_tools/linear_region_line_collection`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">LinearRegionSelectors with LineCollection</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:

  :doc:`/_gallery/selection_tools/linear_region_selectors_match_offsets`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">LinearRegionSelectors match offsets</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:

  :doc:`/_gallery/selection_tools/linear_region_selector`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">LinearRegionSelectors</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:

  :doc:`/_gallery/selection_tools/fft`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing how to use a LinearSelector with lines and line collections. The linear selector is the yellow vertical line.">

.. only:: html

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

  :doc:`/_gallery/selection_tools/linear_selector`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Linear Selectors</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:

  :doc:`/_gallery/selection_tools/unit_circle`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Unit circle</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/polygon_selector
   /_gallery/selection_tools/linear_selector_image
   /_gallery/selection_tools/linear_region_line_collection
   /_gallery/selection_tools/linear_region_selectors_match_offsets
   /_gallery/selection_tools/linear_region_selector
   /_gallery/selection_tools/fft
   /_gallery/selection_tools/linear_selector
   /_gallery/selection_tools/unit_circle

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:

  :doc:`/_gallery/machine_learning/covariance`

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

  :doc:`/_gallery/machine_learning/kmeans`

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

  :doc:`/_gallery/guis/image_widget_imgui`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing how to use imgui_bundle&#x27;s portable file dialogs to load and display image files using ImageGraphic.">

.. only:: html

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

  :doc:`/_gallery/guis/imgui_file_dialog`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">ImGui File Dialog</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:

  :doc:`/_gallery/guis/imgui_basic`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Identical to the Unit Circle example but you can change the angular frequencies using a UI">

.. only:: html

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

  :doc:`/_gallery/guis/sine_cosine_funcs`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Sine and Cosine functions</div>
    </div>


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /_gallery/guis/image_widget_imgui
   /_gallery/guis/imgui_file_dialog
   /_gallery/guis/imgui_basic
   /_gallery/guis/sine_cosine_funcs

Using with ipywidgets
=====================



.. raw:: html

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

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Use ipywidgets to modify some features of an ImageGraphic. Run in jupyterlab.">

.. only:: html

  .. image:: /_gallery/ipywidgets/images/thumb/sphx_glr_ipywidgets_modify_image_thumb.png
    :alt:

  :doc:`/_gallery/ipywidgets/ipywidgets_modify_image`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">ipwidgets modify an ImageGraphic</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example with ipywidgets sliders to change a sine wave and view the frequency spectra. You can run this in jupyterlab">

.. only:: html

  .. image:: /_gallery/ipywidgets/images/thumb/sphx_glr_ipywidgets_sliders_line_thumb.png
    :alt:

  :doc:`/_gallery/ipywidgets/ipywidgets_sliders_line`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">ipywidget sliders to modify a sine wave</div>
    </div>


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /_gallery/ipywidgets/ipywidgets_modify_image
   /_gallery/ipywidgets/ipywidgets_sliders_line

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:

  :doc:`/_gallery/misc/image_animation`

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

  :doc:`/_gallery/misc/scatter_sizes_animation`

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

  :doc:`/_gallery/misc/line_animation`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Customize the information displayed in a tooltip. This example uses the Iris dataset and sets the tooltip to display the species and cluster label of the point that is being hovered by the mouse pointer.">

.. only:: html

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

  :doc:`/_gallery/misc/tooltips_custom`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Tooltips Customization</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:

  :doc:`/_gallery/misc/line3d_animation`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Show tooltips on all graphics">

.. only:: html

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

  :doc:`/_gallery/misc/tooltips`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Multiple subplots with an image that updates with new data on every render.">

.. only:: html

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

  :doc:`/_gallery/misc/multiplot_animation`

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

  :doc:`/_gallery/misc/scatter_animation`

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

  :doc:`/_gallery/misc/cycle_animation`

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

  :doc:`/_gallery/misc/lorenz_animation`

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

  :doc:`/_gallery/misc/em_wave_animation`

.. 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/tooltips_custom
   /_gallery/misc/line3d_animation
   /_gallery/misc/tooltips
   /_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:

  :doc:`/_gallery/qt/minimal`

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

  :doc:`/_gallery/qt/imagewidget`

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

  :doc:`/_gallery/qt/embed`

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


.. only:: html

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

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