: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

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:

  :ref:`sphx_glr__gallery_controllers_sync_all.py`

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

  :ref:`sphx_glr__gallery_controllers_specify_names.py`

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

  :ref:`sphx_glr__gallery_controllers_specify_integers.py`

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

  :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

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:

  :ref:`sphx_glr__gallery_text_moving_label.py`

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

  :ref:`sphx_glr__gallery_events_image_click.py`

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

  :ref:`sphx_glr__gallery_events_image_data_event.py`

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

  :ref:`sphx_glr__gallery_events_lines_mouse_nearest.py`

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

  :ref:`sphx_glr__gallery_events_key_events.py`

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

  :ref:`sphx_glr__gallery_events_paint_image.py`

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

  :ref:`sphx_glr__gallery_events_cmap_event.py`

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

  :ref:`sphx_glr__gallery_events_scatter_click.py`

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

  :ref:`sphx_glr__gallery_events_scatter_hover.py`

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

  :ref:`sphx_glr__gallery_events_drag_points.py`

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

  :ref:`sphx_glr__gallery_events_line_data_thickness_event.py`

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

  :ref:`sphx_glr__gallery_events_scatter_hover_transforms.py`

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

  :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="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="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="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_selectors_match_offsets
   /_gallery/selection_tools/linear_region_selector
   /_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

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:

  :ref:`sphx_glr__gallery_ipywidgets_ipywidgets_modify_image.py`

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

  :ref:`sphx_glr__gallery_ipywidgets_ipywidgets_sliders_line.py`

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

  :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 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/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>`_