:orphan:


.. _examples-index:

.. _gallery:

========
Examples
========
For an overview of the plotting methods we provide, see :ref:`plot_types`

This page contains example plots. Click on any image to see the full image
and source code.

For longer tutorials, see our :ref:`tutorials page <tutorials>`.
You can also find :ref:`external resources <resources-index>` and
a :ref:`FAQ <faq-index>` in our :ref:`user guide <users-guide-index>`.



.. raw:: html

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


.. raw:: html

    </div>


Lines, bars and markers
=======================



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This is an example showing how to control bar color and legend entries using the color and labe...">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_bar_colors_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_bar_colors.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Bar color demo</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to use the ~.Axes.bar_label helper function to create bar chart labels.">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_bar_label_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_bar_label_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Bar Label Demo</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This is an example of creating a stacked bar plot using ~matplotlib.pyplot.bar.">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_bar_stacked_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_bar_stacked.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Stacked bar chart</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows a how to create a grouped bar chart and how to annotate bars with labels.">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_barchart_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_barchart.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Grouped bar chart with labels</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example showcases a simple horizontal bar chart.">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_barh_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_barh.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Horizontal bar chart</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Make a &quot;broken&quot; horizontal bar plot, i.e., one with gaps">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_broken_barh_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_broken_barh.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The matplotlib._enums.CapStyle controls how Matplotlib draws the corners where two different li...">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_capstyle_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_capstyle.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="You can pass categorical values (i.e. strings) directly as x- or y-values to many plotting func...">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_categorical_variables_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_categorical_variables.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Plotting categorical variables</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="An example showing how to plot the coherence of two signals using ~.Axes.cohere.">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_cohere_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_cohere.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Plotting the coherence of two signals</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Plot the cross spectral density (CSD) of two signals using ~.Axes.csd.">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_csd_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_csd_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Cross spectral density (CSD)</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example illustrates how to draw an error band around a parametrized curve.">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_curve_error_band_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_curve_error_band.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Curve with error band</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Illustration of selectively drawing lower and/or upper limit symbols on errorbars using the par...">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_errorbar_limits_simple_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_errorbar_limits_simple.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Errorbar limit selection</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The parameter errorevery of .Axes.errorbar can be used to draw error bars only on a subset of d...">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_errorbar_subsample_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_errorbar_subsample.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Plot two curves, then use .EventCollection\s to mark the locations of the x and y data points o...">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_eventcollection_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_eventcollection_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="An ~.axes.Axes.eventplot showing sequences of events with various line properties. The plot is ...">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_eventplot_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_eventplot_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="~.Axes.fill() draws a filled polygon based on lists of point coordinates x, y.">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_fill_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_fill.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The ~matplotlib.axes.Axes.fill_between function generates a shaded region between a min and max...">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_fill_between_alpha_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_fill_between_alpha.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Fill Between and Alpha</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to use ~.axes.Axes.fill_between to color the area between two lines.">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_fill_between_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_fill_between_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Filling the area between lines</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Using ~.Axes.fill_betweenx to color along the horizontal direction between two curves.">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_fill_betweenx_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_fill_betweenx_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Fill Betweenx Demo</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Hatching capabilities for plotting histograms.">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_filled_step_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_filled_step.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Hatch-filled histograms</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Matplotlib does not natively support gradients. However, we can emulate a gradient-filled recta...">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_gradient_bar_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_gradient_bar.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Bar chart with gradients</div>
    </div>


.. raw:: html

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

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_hat_graph_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_hat_graph.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Stacked bar charts can be used to visualize discrete distributions.">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_horizontal_barchart_distribution_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_horizontal_barchart_distribution.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Discrete distribution as horizontal bar chart</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The matplotlib._enums.JoinStyle controls how Matplotlib draws the corners where two different l...">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_joinstyle_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_joinstyle.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The dashing of a line is controlled via a dash sequence. It can be modified using .Line2D.set_d...">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_line_demo_dash_control_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_line_demo_dash_control.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Customizing dashed line styles</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Ticks can be added along a line to mark one side as a barrier using ~matplotlib.patheffects.Tic...">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_lines_with_ticks_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_lines_with_ticks_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Lines with a ticked patheffect</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Simple linestyles can be defined using the strings &quot;solid&quot;, &quot;dotted&quot;, &quot;dashed&quot; or &quot;dashdot&quot;. Mo...">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_linestyles_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_linestyles.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Matplotlib supports multiple categories of markers which are selected using the marker paramete...">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_marker_reference_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_marker_reference.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The markevery property of .Line2D allows drawing markers at a subset of data points.">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_markevery_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_markevery_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Sometimes you need to plot data with missing values.">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_masked_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_masked_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Plotting masked and NaN values</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to make a multicolored line. In this example, the line is colored based ...">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_multicolored_line_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_multicolored_line.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to use different properties of markers to plot multivariate datasets. He...">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_multivariate_marker_plot_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_multivariate_marker_plot.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Mapping marker properties to multivariate data</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Plotting power spectral density (PSD) using ~.Axes.psd.">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_psd_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_psd_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Power spectral density (PSD)</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demo of scatter plot with varying marker colors and sizes.">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_scatter_demo2_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_scatter_demo2.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Show the marginal distributions of a scatter plot as histograms at the sides of the plot.">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_scatter_hist_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_scatter_hist.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Scatter plot with histograms</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Mask some data points and add a line demarking masked regions.">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_scatter_masked_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_scatter_masked.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example with different ways to specify markers.">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_scatter_star_poly_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_scatter_star_poly.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="To create a scatter plot with a legend one may use a loop and create one ~.Axes.scatter plot pe...">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_scatter_with_legend_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_scatter_with_legend.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Scatter plots with a legend</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Create a simple plot.">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_simple_plot_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_simple_plot.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Shade regions defined by a logical mask using fill_between">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_span_regions_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_span_regions.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Shade regions defined by a logical mask using fill_between</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The plots show different spectrum representations of a sine signal with additive noise. A (freq...">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_spectrum_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_spectrum_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Stackplots and streamgraphs">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_stackplot_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_stackplot_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Stackplots and streamgraphs</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates the use of ~.matplotlib.pyplot.stairs for stepwise constant functions...">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_stairs_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_stairs_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="~.pyplot.stem plots vertical lines from a baseline to the y-coordinate and places a marker at t...">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_stem_plot_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_stem_plot.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates the use of .pyplot.step for piece-wise constant curves. In particular...">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_step_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_step_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="How to create a simple timeline using Matplotlib release dates.">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_timeline_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_timeline.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Creating a timeline with lines, dates, and text</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example showcases the functions hlines and vlines.">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_vline_hline_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_vline_hline_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">hlines and vlines</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example use of cross-correlation (`~.Axes.xcorr`) and auto-correlation (`~.Axes.acorr`) plots.">

.. only:: html

  .. image:: /gallery/lines_bars_and_markers/images/thumb/sphx_glr_xcorr_acorr_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_lines_bars_and_markers_xcorr_acorr_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Cross- and auto-correlation</div>
    </div>


.. raw:: html

    </div>


Images, contours and fields
===========================



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip=" Prepending an affine transformation (`~.transforms.Affine2D`) to the data transform &lt;data-coor...">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_affine_image_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_affine_image.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Affine transform of an image</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstration of wind barb plots.">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_barb_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_barb_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The figure size is calculated so that the width in pixels is a multiple of the number of data p...">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_barcode_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_barcode_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstration of how a colorbar can be used to interactively adjust the range of colormapping o...">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_colormap_interactive_adjustment_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_colormap_interactive_adjustment.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Interactive Adjustment of Colormap Range</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstration of using norm to map colormaps onto data in non-linear ways.">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_colormap_normalizations_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_colormap_normalizations.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstration of using norm to map colormaps onto data in non-linear ways.">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_colormap_normalizations_symlognorm_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_colormap_normalizations_symlognorm.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Illustrate the difference between corner_mask=False and corner_mask=True for masked contour plo...">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_contour_corner_mask_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_contour_corner_mask.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Contour Corner Mask</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Illustrate simple contour plotting, contours on an image with a colorbar for the contours, and ...">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_contour_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_contour_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Test combinations of contouring, filled contouring, and image plotting. For contour labelling, ...">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_contour_image_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_contour_image.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Illustrate some of the more advanced things that one can do with contour labels.">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_contour_label_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_contour_label_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Contour Label Demo</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="How to use the .axes.Axes.contourf method to create filled contour plots.">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_contourf_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_contourf_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demo filled contour plots with hatched patterns.">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_contourf_hatching_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_contourf_hatching.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrate use of a log color scale in contourf">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_contourf_log_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_contourf_log.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Contourf and log color scale</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Contour plotting is particularly handy when illustrating the solution space of optimization pro...">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_contours_in_optimization_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_contours_in_optimization_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Contouring the solution space of optimizations</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="A ~matplotlib.image.BboxImage can be used to position an image according to a bounding box. Thi...">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_demo_bboximage_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_demo_bboximage.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This illustrates placing images directly in the figure, with no Axes objects.">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_figimage_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_figimage_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="It is often desirable to show data which depends on two independent variables as a color coded ...">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_image_annotated_heatmap_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_image_annotated_heatmap.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Creating annotated heatmaps</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Images are represented by discrete pixels, either on the screen or in an image file.  When data...">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_image_antialiasing_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_image_antialiasing.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demo of image that&#x27;s been clipped by a circular patch.">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_image_clip_path_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_image_clip_path.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Clipping images with patches</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The most common way to plot images in Matplotlib is with ~.axes.Axes.imshow. The following exam...">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_image_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_image_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Many ways to plot images</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="imshow with masked array input and out-of-range colors.">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_image_masked_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_image_masked.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This illustrates the NonUniformImage class.  It is not available via an Axes method, but it is ...">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_image_nonuniform_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_image_nonuniform.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Blend transparency with color to highlight parts of data with imshow.">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_image_transparency_blend_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_image_transparency_blend.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Blend transparency with color in 2D images</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Modify the coordinate formatter to report the image &quot;z&quot; value of the nearest pixel given x and ...">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_image_zcoord_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_image_zcoord.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Modifying the coordinate formatter</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example displays the difference between interpolation methods for ~.axes.Axes.imshow.">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_interpolation_methods_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_interpolation_methods.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Interpolations for imshow</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Comparison of a contour plot of irregularly spaced data interpolated on a regular grid versus a...">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_irregulardatagrid_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_irregulardatagrid.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Contour plot of irregularly spaced data</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Layer images above one another using alpha blending">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_layer_images_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_layer_images.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="~.axes.Axes.matshow visualizes a 2D matrix or array as color-coded image.">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_matshow_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_matshow.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Visualize matrices with matshow</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Make a set of images with a single colormap, norm, and colorbar.">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_multi_image_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_multi_image.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="~.Axes.pcolor generates 2D image-style plots, as illustrated below.">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_pcolor_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_pcolor_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip=".axes.Axes.pcolormesh and ~.axes.Axes.pcolor have a few options for how grids are laid out and ...">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_pcolormesh_grids_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_pcolormesh_grids.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">pcolormesh grids and shading</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip=".axes.Axes.pcolormesh allows you to generate 2D image-style plots. Note that it is faster than ...">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_pcolormesh_levels_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_pcolormesh_levels.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="A stream plot, or streamline plot, is used to display 2D vector fields. This example shows a fe...">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_plot_streamplot_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_plot_streamplot.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="~.axes.Axes.pcolormesh uses a ~matplotlib.collections.QuadMesh, a faster generalization of ~.ax...">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_quadmesh_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_quadmesh_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates some more advanced options for ~.axes.Axes.quiver.  For a simple example refer to ...">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_quiver_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_quiver_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Advanced quiver and quiverkey functions</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="A simple example of a ~.axes.Axes.quiver plot with a ~.axes.Axes.quiverkey.">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_quiver_simple_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_quiver_simple_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing how to make shaded relief plots like Mathematica_ or `Generic Mapping Tools`_.">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_shading_example_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_shading_example.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Plotting a spectrogram using ~.Axes.specgram.">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_specgram_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_specgram_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Plot the sparsity pattern of arrays.">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_spy_demos_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_spy_demos.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Contour plots of unstructured triangular grids.">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_tricontour_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_tricontour_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates high-resolution tricontouring of a random set of points; a matplotlib.tri.TriAnaly...">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_tricontour_smooth_delaunay_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_tricontour_smooth_delaunay.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Tricontour Smooth Delaunay</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates high-resolution tricontouring on user-defined triangular grids with matplotlib.tri...">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_tricontour_smooth_user_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_tricontour_smooth_user.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Tricontour Smooth User</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates computation of gradient with matplotlib.tri.CubicTriInterpolator.">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_trigradient_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_trigradient_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Interpolation from triangular grid to quad grid.">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_triinterp_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_triinterp_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Pseudocolor plots of unstructured triangular grids.">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_tripcolor_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_tripcolor_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Creating and plotting unstructured triangular grids.">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_triplot_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_triplot_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Overlay an image on a plot by moving it to the front (``zorder=3``) and making it semi-transpar...">

.. only:: html

  .. image:: /gallery/images_contours_and_fields/images/thumb/sphx_glr_watermark_image_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_images_contours_and_fields_watermark_image.py`

.. raw:: html

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


.. raw:: html

    </div>


Subplots, axes and figures
==========================



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Aligning xlabel and ylabel using .Figure.align_xlabels and .Figure.align_ylabels">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_align_labels_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_align_labels_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="    This example is primarily intended to show some advanced concepts in     Matplotlib.">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_auto_subplots_adjust_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_auto_subplots_adjust.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Programmatically controlling subplot adjustment</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows how to set the aspect of an Axes box directly via ~.Axes.set_box_aspect. The bo...">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_axes_box_aspect_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_axes_box_aspect.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Axes box aspect</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example use of fig.add_axes to create inset axes within the main plot axes.">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_axes_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_axes_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The first figure in this example shows how to zoom in and out of a plot using ~.Axes.margins in...">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_axes_margins_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_axes_margins.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Controlling view limits using margins and sticky_edges</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="You can control the axis tick and grid properties">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_axes_props_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_axes_props.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Axes Zoom Effect">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_axes_zoom_effect_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_axes_zoom_effect.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Axes Zoom Effect</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Create lines or rectangles that span the axes in either the horizontal or vertical direction, a...">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_axhspan_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_axhspan_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="How to set and adjust plots with equal axis aspect ratios.">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_axis_equal_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_axis_equal_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Equal axis aspect ratio</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Choose axis label position when calling ~.Axes.set_xlabel and ~.Axes.set_ylabel as well as for ...">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_axis_labels_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_axis_labels_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Axis Label Position</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Broken axis example, where the y-axis will have a portion cut out.">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_broken_axis_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_broken_axis.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="You can pass a .Figure subclass to .pyplot.figure if you want to change the default behavior of...">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_custom_figure_class_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_custom_figure_class.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Custom Figure subclasses</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Constrained layout attempts to resize subplots in a figure so that there are no overlaps betwee...">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_demo_constrained_layout_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_demo_constrained_layout.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Resizing axes with constrained layout</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="~.Figure.tight_layout attempts to resize subplots in a figure so that there are no overlaps bet...">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_demo_tight_layout_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_demo_tight_layout.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Resizing axes with tight layout</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demo of how to display two scales on the left and right y-axis.">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_fahrenheit_celsius_scales_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_fahrenheit_celsius_scales.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Different scales on the same axes</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The native figure size unit in Matplotlib is inches, deriving from print industry standards. Ho...">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_figure_size_units_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_figure_size_units.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Figure size in different units</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Each axes can have a title (or actually three - one each with loc &quot;left&quot;, &quot;center&quot;, and &quot;right&quot;...">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_figure_title_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_figure_title.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Figure labels: suptitle, supxlabel, supylabel</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="To create plots that share a common axis (visually) you can set the hspace between the subplots...">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_ganged_plots_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_ganged_plots.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This shows 4 possible geographic projections.  Cartopy_ supports more projections.">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_geo_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_geo_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Sometimes we want to combine two subplots in an axes layout created with ~.Figure.subplots.  We...">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_gridspec_and_subplots_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_gridspec_and_subplots.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Combining two subplots using subplots and GridSpec</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip=".GridSpec is a flexible way to layout subplot grids.  Here is an example with a 3x3 grid, and a...">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_gridspec_multicolumn_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_gridspec_multicolumn.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Using Gridspec to make multi-column/row subplot layouts</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="GridSpecs can be nested, so that a subplot from a parent GridSpec can set the position for a ne...">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_gridspec_nested_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_gridspec_nested.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="You can use decreasing axes by flipping the normal order of the axis limits">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_invert_axes_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_invert_axes.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="matplotlib.pyplot uses the concept of a current figure and current axes. Figures are identified...">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_multiple_figs_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_multiple_figs_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Managing multiple figures in pyplot</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Sometimes we want a secondary axis on a plot, for instance to convert radians to degrees on the...">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_secondary_axis_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_secondary_axis.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="It&#x27;s common to make two or more plots which share an axis, e.g., two subplots with time as a co...">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_share_axis_lims_views_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_share_axis_lims_views.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Sharing axis limits and views</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="You can share the x- or y-axis limits for one axis with another by passing an ~.axes.Axes insta...">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_shared_axis_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_shared_axis_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Sometimes it is desirable to have a figure with two different layouts in it. This can be achiev...">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_subfigures_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_subfigures.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Simple demo with multiple subplots.">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_subplot_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_subplot.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Adjusting the spacing of margins and subplots using .pyplot.subplots_adjust.">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_subplots_adjust_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_subplots_adjust.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Subplots spacings and margins</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip=".pyplot.subplots creates a figure and a grid of subplots with a single call, while providing re...">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_subplots_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_subplots_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Creating multiple subplots using plt.subplots</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Two plots on the same axes with different left and right scales.">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_two_scales_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_two_scales.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Plots with different scales</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example of an inset axes and a rectangle showing where the zoom is located.">

.. only:: html

  .. image:: /gallery/subplots_axes_and_figures/images/thumb/sphx_glr_zoom_inset_axes_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_subplots_axes_and_figures_zoom_inset_axes.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Zoom region inset axes</div>
    </div>


.. raw:: html

    </div>


Statistics
==========



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Bar charts are useful for visualizing counts, or summary statistics with error bars. Also see t...">

.. only:: html

  .. image:: /gallery/statistics/images/thumb/sphx_glr_barchart_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_statistics_barchart_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Percentiles as horizontal bar chart</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates how to use the various keyword arguments to fully customize box plots...">

.. only:: html

  .. image:: /gallery/statistics/images/thumb/sphx_glr_boxplot_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_statistics_boxplot.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Artist customization in box plots</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This plot illustrates how to create two types of box plots (rectangular and notched), and how t...">

.. only:: html

  .. image:: /gallery/statistics/images/thumb/sphx_glr_boxplot_color_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_statistics_boxplot_color.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Box plots with custom fill colors</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Visualizing boxplots with matplotlib.">

.. only:: html

  .. image:: /gallery/statistics/images/thumb/sphx_glr_boxplot_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_statistics_boxplot_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Note that although violin plots are closely related to Tukey&#x27;s (1977) box plots, they add usefu...">

.. only:: html

  .. image:: /gallery/statistics/images/thumb/sphx_glr_boxplot_vs_violin_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_statistics_boxplot_vs_violin.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Box plot vs. violin plot comparison</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates how to pass pre-computed box plot statistics to the box plot drawer. ...">

.. only:: html

  .. image:: /gallery/statistics/images/thumb/sphx_glr_bxp_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_statistics_bxp.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Boxplot drawer function</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to plot a confidence ellipse of a two-dimensional dataset, using its pea...">

.. only:: html

  .. image:: /gallery/statistics/images/thumb/sphx_glr_confidence_ellipse_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_statistics_confidence_ellipse.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Plot a confidence ellipse of a two-dimensional dataset</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates how to fully customize violin plots. The first plot shows the default...">

.. only:: html

  .. image:: /gallery/statistics/images/thumb/sphx_glr_customized_violin_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_statistics_customized_violin.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Violin plot customization</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This exhibits the most basic use of the error bar method. In this case, constant values are pro...">

.. only:: html

  .. image:: /gallery/statistics/images/thumb/sphx_glr_errorbar_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_statistics_errorbar.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Errors can be specified as a constant value (as shown in /gallery/statistics/errorbar). However...">

.. only:: html

  .. image:: /gallery/statistics/images/thumb/sphx_glr_errorbar_features_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_statistics_errorbar_features.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Different ways of specifying error bars</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="In matplotlib, errors bars can have &quot;limits&quot;. Applying limits to the error bars essentially mak...">

.. only:: html

  .. image:: /gallery/statistics/images/thumb/sphx_glr_errorbar_limits_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_statistics_errorbar_limits.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Including upper and lower limits in error bars</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="In this example, we snazz up a pretty standard error bar plot by adding a rectangle patch defin...">

.. only:: html

  .. image:: /gallery/statistics/images/thumb/sphx_glr_errorbars_and_boxes_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_statistics_errorbars_and_boxes.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Creating boxes from error bars using PatchCollection</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="~.Axes.hexbin is a 2D histogram plot, in which the bins are hexagons and the color represents t...">

.. only:: html

  .. image:: /gallery/statistics/images/thumb/sphx_glr_hexbin_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_statistics_hexbin_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Hexagonal binned plot</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="How to plot histograms with Matplotlib.">

.. only:: html

  .. image:: /gallery/statistics/images/thumb/sphx_glr_hist_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_statistics_hist.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to plot the empirical cumulative distribution function (ECDF) of a sampl...">

.. only:: html

  .. image:: /gallery/statistics/images/thumb/sphx_glr_histogram_cumulative_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_statistics_histogram_cumulative.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Plotting cumulative distributions</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="In addition to the basic histogram, this demo shows a few optional features:">

.. only:: html

  .. image:: /gallery/statistics/images/thumb/sphx_glr_histogram_features_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_statistics_histogram_features.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Some features of the histogram (hist) function</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip=" Histogram with step curve that has a color fill.  Histogram with step curve with no fill.  His...">

.. only:: html

  .. image:: /gallery/statistics/images/thumb/sphx_glr_histogram_histtypes_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_statistics_histogram_histtypes.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Demo of the histogram function's different histtype settings</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Plot histogram with multiple sample sets and demonstrate:">

.. only:: html

  .. image:: /gallery/statistics/images/thumb/sphx_glr_histogram_multihist_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_statistics_histogram_multihist.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">The histogram (hist) function with multiple data sets</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example plots horizontal histograms of different samples along a categorical x-axis. Addit...">

.. only:: html

  .. image:: /gallery/statistics/images/thumb/sphx_glr_multiple_histograms_side_by_side_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_statistics_multiple_histograms_side_by_side.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Producing multiple histograms side by side</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates how to efficiently visualize large numbers of time series in a way th...">

.. only:: html

  .. image:: /gallery/statistics/images/thumb/sphx_glr_time_series_histogram_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_statistics_time_series_histogram.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Time Series Histogram</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Violin plots are similar to histograms and box plots in that they show an abstract representati...">

.. only:: html

  .. image:: /gallery/statistics/images/thumb/sphx_glr_violinplot_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_statistics_violinplot.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Violin plot basics</div>
    </div>


.. raw:: html

    </div>


Pie and polar charts
====================



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demo of plotting a pie chart.">

.. only:: html

  .. image:: /gallery/pie_and_polar_charts/images/thumb/sphx_glr_pie_features_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_pie_and_polar_charts_pie_features.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Make a &quot;bar of pie&quot; chart where the first slice of the pie is &quot;exploded&quot; into a bar chart with ...">

.. only:: html

  .. image:: /gallery/pie_and_polar_charts/images/thumb/sphx_glr_bar_of_pie_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_pie_and_polar_charts_bar_of_pie.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Bar of pie</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The following examples show two ways to build a nested pie chart in Matplotlib. Such charts are...">

.. only:: html

  .. image:: /gallery/pie_and_polar_charts/images/thumb/sphx_glr_nested_pie_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_pie_and_polar_charts_nested_pie.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Nested pie charts</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Welcome to the Matplotlib bakery. We will create a pie and a donut chart through the pie method...">

.. only:: html

  .. image:: /gallery/pie_and_polar_charts/images/thumb/sphx_glr_pie_and_donut_labels_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_pie_and_polar_charts_pie_and_donut_labels.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Labeling a pie and a donut</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demo of bar plot on a polar axis.">

.. only:: html

  .. image:: /gallery/pie_and_polar_charts/images/thumb/sphx_glr_polar_bar_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_pie_and_polar_charts_polar_bar.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Bar chart on polar axis</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demo of a line plot on a polar axis.">

.. only:: html

  .. image:: /gallery/pie_and_polar_charts/images/thumb/sphx_glr_polar_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_pie_and_polar_charts_polar_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demo of error bar plot in polar coordinates. Theta error bars are curved lines ended with caps ...">

.. only:: html

  .. image:: /gallery/pie_and_polar_charts/images/thumb/sphx_glr_polar_error_caps_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_pie_and_polar_charts_polar_error_caps.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Error bar rendering on polar axis</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Using a legend on a polar-axis plot.">

.. only:: html

  .. image:: /gallery/pie_and_polar_charts/images/thumb/sphx_glr_polar_legend_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_pie_and_polar_charts_polar_legend.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Size increases radially in this example and color increases with angle (just to verify the symb...">

.. only:: html

  .. image:: /gallery/pie_and_polar_charts/images/thumb/sphx_glr_polar_scatter_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_pie_and_polar_charts_polar_scatter.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Scatter plot on polar axis</div>
    </div>


.. raw:: html

    </div>


Text, labels and annotations
============================



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Matplotlib supports accented characters via TeX mathtext or Unicode.">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_accented_text_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_accented_text.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Two methods are shown here, one using a short call to .Figure.align_ylabels and the second a ma...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_align_ylabels_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_align_ylabels.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Align y-labels</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to create a scale invariant angle annotation. It is often useful to mark...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_angle_annotation_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_angle_annotation.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Scale invariant angle label</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to add angle annotations to bracket arrow styles created using .FancyArr...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_angles_on_bracket_arrows_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_angles_on_bracket_arrows.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Angle annotations on bracket arrows</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to use different coordinate systems for annotations. For a complete over...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_annotate_transform_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_annotate_transform.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to annotate a plot with an arrow pointing to provided coordinates. We mo...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_annotation_basic_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_annotation_basic.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Annotating a plot</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The following examples show ways to annotate plots in Matplotlib. This includes highlighting sp...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_annotation_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_annotation_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to create an annotation on a polar graph.">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_annotation_polar_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_annotation_polar.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Three ways of drawing arrows to encode arrow &quot;strength&quot; (e.g., transition probabilities in a Ma...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_arrow_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_arrow_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Matplotlib can wrap text automatically, but if it&#x27;s too long, the text will be displayed slight...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_autowrap_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_autowrap.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Auto-wrapping text</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Composing custom legends piece-by-piece.">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_custom_legends_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_custom_legends.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Composing Custom Legends</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Matplotlib date plotting is done by converting date instances into days since an epoch (by defa...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_date_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_date.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Date tick labels</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip=".AnnotationBbox creates an annotation using an .OffsetBox, and provides more fine-grained contr...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_demo_annotation_box_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_demo_annotation_box.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="~matplotlib.text.TextPath creates a .Path that is the outline of the characters of a text. The ...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_demo_text_path_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_demo_text_path.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Using a text as a Path</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example illustrates the effect of rotation_mode on the positioning of rotated text.">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_demo_text_rotation_mode_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_demo_text_rotation_mode.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Text Rotation Mode</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="In this example, the differences between the \dfrac and \frac TeX macros are illustrated; in pa...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_dfrac_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_dfrac_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">The difference between \dfrac and \frac</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Use of the engineering Formatter.">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_engineering_formatter_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_engineering_formatter.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Labeling ticks using engineering notation</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Overview of the arrow styles available in ~.Axes.annotate.">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_fancyarrow_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_fancyarrow_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Annotation arrow style reference</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to style text boxes using bbox parameters.">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_fancytextbox_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_fancytextbox_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Styling text boxes</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Instead of plotting a legend on each axis, a legend for all the artists on all the sub-axes of ...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_figlegend_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_figlegend_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Figure legend demo</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="You can explicitly set which font family is picked up, either by specifying family names of fon...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_font_family_rc_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_font_family_rc.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Configuring the font family</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Although it is usually not a good idea to explicitly point to a single ttf file for a font inst...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_font_file_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_font_file.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Using ttf font files</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Matplotlib&#x27;s font support is provided by the FreeType library.">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_font_table_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_font_table.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Set font properties using setters.">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_fonts_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_fonts_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Fonts demo (object-oriented style)</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Set font properties using keyword arguments.">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_fonts_demo_kw_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_fonts_demo_kw.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Fonts demo (keyword arguments)</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Labelling subplots is relatively straightforward, and varies, so Matplotlib does not have a gen...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_label_subplots_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_label_subplots.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Defining legend labels with plots.">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_legend_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_legend.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Legend using pre-defined labels</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="There are many ways to create and customize legends in Matplotlib. Below we&#x27;ll show a few examp...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_legend_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_legend_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Override basic methods so an artist can contain another artist.  In this case, the line contain...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_line_with_text_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_line_with_text.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Artist within an artist</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Convert texts to images">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_mathtext_asarray_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_mathtext_asarray.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Convert texts to images</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Use Matplotlib&#x27;s internal LaTeX parser and layout engine.  For true LaTeX rendering, see the te...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_mathtext_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_mathtext_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Selected features of Matplotlib&#x27;s math rendering engine.">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_mathtext_examples_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_mathtext_examples.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="A simple example showcasing the new math_fontfamily parameter that can be used to change the fa...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_mathtext_fontfamily_example_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_mathtext_fontfamily_example.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Multiline">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_multiline_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_multiline.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="When decorating axes with text boxes, two useful tricks are to place the text in axes coordinat...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_placing_text_boxes_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_placing_text_boxes.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Placing text boxes</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The example strings together several Text objects with different properties (e.g., color or fon...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_rainbow_text_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_rainbow_text.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Concatenating text objects with different properties</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstration of STIX Fonts used in LaTeX rendering.">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_stix_fonts_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_stix_fonts_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="You can use TeX to render all of your Matplotlib text by setting text.usetex to True.  This req...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_tex_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_tex_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Rendering math equations using TeX</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Texts are aligned relative to their anchor point depending on the properties horizontalalignmen...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_text_alignment_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_text_alignment.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Plotting text of many different kinds.">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_text_commands_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_text_commands.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to share parameters across many text objects and labels by creating a di...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_text_fontdict_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_text_fontdict.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Controlling style of text and labels using a dictionary</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Text objects in matplotlib are normally rotated with respect to the screen coordinate system (i...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_text_rotation_relative_to_line_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_text_rotation_relative_to_line.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Text Rotation Relative To Line</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Matplotlib can display plot titles centered, flush with the left side of a set of axes, and flu...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_titles_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_titles_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="By default, tick labels at negative values are rendered using a `Unicode minus`__ (U+2212) rath...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_unicode_minus_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_unicode_minus.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Comparison of text baselines computed for mathtext and usetex.">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_usetex_baseline_test_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_usetex_baseline_test.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Usetex Baseline Test</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This script demonstrates that font effects specified in your pdftex.map are now supported in us...">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_usetex_fonteffects_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_usetex_fonteffects.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="A watermark effect can be achieved by drawing a semi-transparent text.">

.. only:: html

  .. image:: /gallery/text_labels_and_annotations/images/thumb/sphx_glr_watermark_text_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_text_labels_and_annotations_watermark_text.py`

.. raw:: html

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


.. raw:: html

    </div>


Color
=====

For a description of the colormaps available in Matplotlib,
see the :ref:`colormaps tutorial <tutorials-colors>`.



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Matplotlib recognizes the following formats to specify a color:">

.. only:: html

  .. image:: /gallery/color/images/thumb/sphx_glr_color_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_color_color_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Use masked arrays to plot a line with different colors by y-value.">

.. only:: html

  .. image:: /gallery/color/images/thumb/sphx_glr_color_by_yvalue_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_color_color_by_yvalue.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Color by y-value</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Display the colors from the default prop_cycle, which is obtained from the rc parameters&lt;custom...">

.. only:: html

  .. image:: /gallery/color/images/thumb/sphx_glr_color_cycle_default_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_color_color_cycle_default.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Colors in the default property cycle</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Use ~.Figure.colorbar by specifying the mappable object (here the .AxesImage returned by ~.axes...">

.. only:: html

  .. image:: /gallery/color/images/thumb/sphx_glr_colorbar_basics_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_color_colorbar_basics.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Reference for colormaps included with Matplotlib.">

.. only:: html

  .. image:: /gallery/color/images/thumb/sphx_glr_colormap_reference_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_color_colormap_reference.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="For more detail on creating and manipulating colormaps see colormap-manipulation.">

.. only:: html

  .. image:: /gallery/color/images/thumb/sphx_glr_custom_cmap_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_color_custom_cmap.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Creating a colormap from a list of colors</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Sometimes we want to use more colors or a different set of colors than the default color cycle ...">

.. only:: html

  .. image:: /gallery/color/images/thumb/sphx_glr_individual_colors_from_cmap_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_color_individual_colors_from_cmap.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Selecting individual colors from a colormap</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This plots a list of the named colors supported by Matplotlib. For more information on colors i...">

.. only:: html

  .. image:: /gallery/color/images/thumb/sphx_glr_named_colors_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_color_named_colors.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">List of named colors</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Compare setting alpha by the alpha keyword argument and by one of the Matplotlib color formats....">

.. only:: html

  .. image:: /gallery/color/images/thumb/sphx_glr_set_alpha_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_color_set_alpha.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Ways to set a color's alpha value</div>
    </div>


.. raw:: html

    </div>



Shapes and collections
======================



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Adding arrow patches to plots.">

.. only:: html

  .. image:: /gallery/shapes_and_collections/images/thumb/sphx_glr_arrow_guide_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_shapes_and_collections_arrow_guide.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example displays several of Matplotlib&#x27;s graphics primitives (artists). A full list of art...">

.. only:: html

  .. image:: /gallery/shapes_and_collections/images/thumb/sphx_glr_artist_reference_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_shapes_and_collections_artist_reference.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Reference for Matplotlib artists</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="For the first two subplots, we will use spirals.  Their size will be set in plot units, not dat...">

.. only:: html

  .. image:: /gallery/shapes_and_collections/images/thumb/sphx_glr_collections_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_shapes_and_collections_collections.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Line, Poly and RegularPoly Collection with autoscaling</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Make a compound path -- in this case two simple polygons, a rectangle and a triangle.  Use CLOS...">

.. only:: html

  .. image:: /gallery/shapes_and_collections/images/thumb/sphx_glr_compound_path_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_shapes_and_collections_compound_path.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to draw, and manipulate shapes given vertices and nodes using the ~.path...">

.. only:: html

  .. image:: /gallery/shapes_and_collections/images/thumb/sphx_glr_dolphin_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_shapes_and_collections_dolphin.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Draw donuts (miam!) using ~.path.Path\s and ~.patches.PathPatch\es. This example shows the effe...">

.. only:: html

  .. image:: /gallery/shapes_and_collections/images/thumb/sphx_glr_donut_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_shapes_and_collections_donut.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Mmh Donuts!!!</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows how to draw an ellipse with an orientation arrow (clockwise or counterclockwise...">

.. only:: html

  .. image:: /gallery/shapes_and_collections/images/thumb/sphx_glr_ellipse_arrow_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_shapes_and_collections_ellipse_arrow.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Ellipse with orientation arrow demo</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Drawing a collection of ellipses. While this would equally be possible using a ~.collections.El...">

.. only:: html

  .. image:: /gallery/shapes_and_collections/images/thumb/sphx_glr_ellipse_collection_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_shapes_and_collections_ellipse_collection.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Draw many ellipses. Here individual ellipses are drawn. Compare this to the Ellipse collection ...">

.. only:: html

  .. image:: /gallery/shapes_and_collections/images/thumb/sphx_glr_ellipse_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_shapes_and_collections_ellipse_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The following examples show how to plot boxes with different visual properties.">

.. only:: html

  .. image:: /gallery/shapes_and_collections/images/thumb/sphx_glr_fancybox_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_shapes_and_collections_fancybox_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Drawing fancy boxes</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Hatches can be added to most polygons in Matplotlib, including ~.Axes.bar, ~.Axes.fill_between,...">

.. only:: html

  .. image:: /gallery/shapes_and_collections/images/thumb/sphx_glr_hatch_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_shapes_and_collections_hatch_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Hatches can be added to most polygons in Matplotlib, including ~.Axes.bar, ~.Axes.fill_between,...">

.. only:: html

  .. image:: /gallery/shapes_and_collections/images/thumb/sphx_glr_hatch_style_reference_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_shapes_and_collections_hatch_style_reference.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Hatch style reference</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Matplotlib can efficiently draw multiple lines at once using a ~.LineCollection, as showcased b...">

.. only:: html

  .. image:: /gallery/shapes_and_collections/images/thumb/sphx_glr_line_collection_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_shapes_and_collections_line_collection.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Plotting multiple lines with a LineCollection</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates how to use .collections.PatchCollection.">

.. only:: html

  .. image:: /gallery/shapes_and_collections/images/thumb/sphx_glr_patch_collection_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_shapes_and_collections_patch_collection.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Circles, Wedges and Polygons</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to create ~.path.Path and ~.patches.PathPatch objects through Matplotlib...">

.. only:: html

  .. image:: /gallery/shapes_and_collections/images/thumb/sphx_glr_path_patch_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_shapes_and_collections_path_patch.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example showcases the ~.patches.PathPatch object to create a Bezier polycurve path patch.">

.. only:: html

  .. image:: /gallery/shapes_and_collections/images/thumb/sphx_glr_quad_bezier_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_shapes_and_collections_quad_bezier.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example showcases a simple scatter plot.">

.. only:: html

  .. image:: /gallery/shapes_and_collections/images/thumb/sphx_glr_scatter_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_shapes_and_collections_scatter.py`

.. raw:: html

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


.. raw:: html

    </div>


Style sheets
============



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates the style used in the Bayesian Methods for Hackers [1]_ online book.">

.. only:: html

  .. image:: /gallery/style_sheets/images/thumb/sphx_glr_bmh_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_style_sheets_bmh.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Bayesian Methods for Hackers style sheet</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates the &quot;dark_background&quot; style, which uses white for elements that are t...">

.. only:: html

  .. image:: /gallery/style_sheets/images/thumb/sphx_glr_dark_background_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_style_sheets_dark_background.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Dark background style sheet</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This shows an example of the &quot;fivethirtyeight&quot; styling, which tries to replicate the styles fro...">

.. only:: html

  .. image:: /gallery/style_sheets/images/thumb/sphx_glr_fivethirtyeight_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_style_sheets_fivethirtyeight.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">FiveThirtyEight style sheet</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates the &quot;ggplot&quot; style, which adjusts the style to emulate ggplot_ (a pop...">

.. only:: html

  .. image:: /gallery/style_sheets/images/thumb/sphx_glr_ggplot_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_style_sheets_ggplot.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">ggplot style sheet</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates the &quot;grayscale&quot; style sheet, which changes all colors that are define...">

.. only:: html

  .. image:: /gallery/style_sheets/images/thumb/sphx_glr_grayscale_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_style_sheets_grayscale.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Grayscale style sheet</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This shows an example of &quot;Solarized_Light&quot; styling, which tries to replicate the styles of:">

.. only:: html

  .. image:: /gallery/style_sheets/images/thumb/sphx_glr_plot_solarizedlight2_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_style_sheets_plot_solarizedlight2.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Solarized Light stylesheet</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This script demonstrates the different available style sheets on a common set of example plots:...">

.. only:: html

  .. image:: /gallery/style_sheets/images/thumb/sphx_glr_style_sheets_reference_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_style_sheets_style_sheets_reference.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Style sheets reference</div>
    </div>


.. raw:: html

    </div>


Module - pyplot
===============



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="~.axes.Axes.axvline and ~.axes.Axes.axhline draw infinite vertical / horizontal lines, at given...">

.. only:: html

  .. image:: /gallery/pyplots/images/thumb/sphx_glr_axline_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_pyplots_axline.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="A simple plot where a list of numbers are plotted against their index, resulting in a straight ...">

.. only:: html

  .. image:: /gallery/pyplots/images/thumb/sphx_glr_pyplot_simple_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_pyplots_pyplot_simple.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Set the special text objects ~.pyplot.title, ~.pyplot.xlabel, and ~.pyplot.ylabel through the d...">

.. only:: html

  .. image:: /gallery/pyplots/images/thumb/sphx_glr_pyplot_text_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_pyplots_pyplot_text.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Text and mathtext using pyplot</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Plot three datasets with a single call to ~matplotlib.pyplot.plot.">

.. only:: html

  .. image:: /gallery/pyplots/images/thumb/sphx_glr_pyplot_three_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_pyplots_pyplot_three.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Multiple lines using pyplot</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Create a figure with two subplots using .pyplot.subplot.">

.. only:: html

  .. image:: /gallery/pyplots/images/thumb/sphx_glr_pyplot_two_subplots_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_pyplots_pyplot_two_subplots.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Two subplots using pyplot</div>
    </div>


.. raw:: html

    </div>



Module - axes_grid1
===================



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Anchored Direction Arrow">

.. only:: html

  .. image:: /gallery/axes_grid1/images/thumb/sphx_glr_demo_anchored_direction_arrows_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axes_grid1_demo_anchored_direction_arrows.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Anchored Direction Arrow</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Axes divider to calculate location of axes and create a divider for them using existing axes in...">

.. only:: html

  .. image:: /gallery/axes_grid1/images/thumb/sphx_glr_demo_axes_divider_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axes_grid1_demo_axes_divider.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Grid of 2x2 images with a single colorbar or with one colorbar per axes.">

.. only:: html

  .. image:: /gallery/axes_grid1/images/thumb/sphx_glr_demo_axes_grid_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axes_grid1_demo_axes_grid.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Demo Axes Grid</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Grid of images with shared xaxis and yaxis.">

.. only:: html

  .. image:: /gallery/axes_grid1/images/thumb/sphx_glr_demo_axes_grid2_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axes_grid1_demo_axes_grid2.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Using an .HBoxDivider to arrange subplots.">

.. only:: html

  .. image:: /gallery/axes_grid1/images/thumb/sphx_glr_demo_axes_hbox_divider_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axes_grid1_demo_axes_hbox_divider.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">HBoxDivider and VBoxDivider demo</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="~.axes_grid1.axes_rgb.RGBAxes creates a layout of 4 Axes for displaying RGB channels: one large...">

.. only:: html

  .. image:: /gallery/axes_grid1/images/thumb/sphx_glr_demo_axes_rgb_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axes_grid1_demo_axes_rgb.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Showing RGB channels using RGBAxes</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Adding a colorbar to inset axes">

.. only:: html

  .. image:: /gallery/axes_grid1/images/thumb/sphx_glr_demo_colorbar_of_inset_axes_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axes_grid1_demo_colorbar_of_inset_axes.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Adding a colorbar to inset axes</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The .axes_divider.make_axes_locatable function takes an existing axes, adds it to a new .AxesDi...">

.. only:: html

  .. image:: /gallery/axes_grid1/images/thumb/sphx_glr_demo_colorbar_with_axes_divider_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axes_grid1_demo_colorbar_with_axes_divider.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Colorbar with AxesDivider</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to control the position, height, and width of colorbars using ~mpl_toolk...">

.. only:: html

  .. image:: /gallery/axes_grid1/images/thumb/sphx_glr_demo_colorbar_with_inset_locator_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axes_grid1_demo_colorbar_with_inset_locator.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Controlling the position and size of colorbars with Inset Axes</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to use one common colorbar for each row or column of an image grid.">

.. only:: html

  .. image:: /gallery/axes_grid1/images/thumb/sphx_glr_demo_edge_colorbar_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axes_grid1_demo_edge_colorbar.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Per-row or per-column colorbars</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Note that this can be accomplished with the main library for Axes on Figures that do not change...">

.. only:: html

  .. image:: /gallery/axes_grid1/images/thumb/sphx_glr_demo_fixed_size_axes_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axes_grid1_demo_fixed_size_axes.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Axes with a fixed physical size</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Setting a fixed aspect on ImageGrid cells">

.. only:: html

  .. image:: /gallery/axes_grid1/images/thumb/sphx_glr_demo_imagegrid_aspect_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axes_grid1_demo_imagegrid_aspect.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Setting a fixed aspect on ImageGrid cells</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Inset locator demo">

.. only:: html

  .. image:: /gallery/axes_grid1/images/thumb/sphx_glr_inset_locator_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axes_grid1_inset_locator_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Inset locator demo</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo shows how to create a zoomed inset via .zoomed_inset_axes. In the first subplot an .A...">

.. only:: html

  .. image:: /gallery/axes_grid1/images/thumb/sphx_glr_inset_locator_demo2_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axes_grid1_inset_locator_demo2.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Inset locator demo 2</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Make room for ylabel using axes_grid">

.. only:: html

  .. image:: /gallery/axes_grid1/images/thumb/sphx_glr_make_room_for_ylabel_using_axesgrid_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axes_grid1_make_room_for_ylabel_using_axesgrid.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Make room for ylabel using axes_grid</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Parasite Simple">

.. only:: html

  .. image:: /gallery/axes_grid1/images/thumb/sphx_glr_parasite_simple_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axes_grid1_parasite_simple.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Parasite Simple2">

.. only:: html

  .. image:: /gallery/axes_grid1/images/thumb/sphx_glr_parasite_simple2_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axes_grid1_parasite_simple2.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Show the marginal distributions of a scatter plot as histograms at the sides of the plot.">

.. only:: html

  .. image:: /gallery/axes_grid1/images/thumb/sphx_glr_scatter_hist_locatable_axes_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axes_grid1_scatter_hist_locatable_axes.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Scatter Histogram (Locatable Axes)</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example illustrates the use of the anchored helper classes found in matplotlib.offsetbox a...">

.. only:: html

  .. image:: /gallery/axes_grid1/images/thumb/sphx_glr_simple_anchored_artists_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axes_grid1_simple_anchored_artists.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="See also axes_grid.">

.. only:: html

  .. image:: /gallery/axes_grid1/images/thumb/sphx_glr_simple_axes_divider1_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axes_grid1_simple_axes_divider1.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Simple Axes Divider 1</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="See also axes_grid.">

.. only:: html

  .. image:: /gallery/axes_grid1/images/thumb/sphx_glr_simple_axes_divider3_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axes_grid1_simple_axes_divider3.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Simple axes divider 3</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Align multiple images using ~mpl_toolkits.axes_grid1.axes_grid.ImageGrid.">

.. only:: html

  .. image:: /gallery/axes_grid1/images/thumb/sphx_glr_simple_axesgrid_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axes_grid1_simple_axesgrid.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Align multiple images of different sizes using ~mpl_toolkits.axes_grid1.axes_grid.ImageGrid.">

.. only:: html

  .. image:: /gallery/axes_grid1/images/thumb/sphx_glr_simple_axesgrid2_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axes_grid1_simple_axesgrid2.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Simple Axisline4">

.. only:: html

  .. image:: /gallery/axes_grid1/images/thumb/sphx_glr_simple_axisline4_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axes_grid1_simple_axisline4.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Simple Colorbar">

.. only:: html

  .. image:: /gallery/axes_grid1/images/thumb/sphx_glr_simple_colorbar_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axes_grid1_simple_colorbar.py`

.. raw:: html

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


.. raw:: html

    </div>



Module - axisartist
===================



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Axis Direction">

.. only:: html

  .. image:: /gallery/axisartist/images/thumb/sphx_glr_axis_direction_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axisartist_axis_direction.py`

.. raw:: html

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


.. raw:: html

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

.. only:: html

  .. image:: /gallery/axisartist/images/thumb/sphx_glr_demo_axis_direction_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axisartist_demo_axis_direction.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows some configurations for axis style.">

.. only:: html

  .. image:: /gallery/axisartist/images/thumb/sphx_glr_demo_axisline_style_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axisartist_demo_axisline_style.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Axis line styles</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Custom grid and ticklines.">

.. only:: html

  .. image:: /gallery/axisartist/images/thumb/sphx_glr_demo_curvelinear_grid_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axisartist_demo_curvelinear_grid.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Curvilinear grid demo</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Custom grid and ticklines.">

.. only:: html

  .. image:: /gallery/axisartist/images/thumb/sphx_glr_demo_curvelinear_grid2_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axisartist_demo_curvelinear_grid2.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Demo CurveLinear Grid2</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstration of features of the .floating_axes module:">

.. only:: html

  .. image:: /gallery/axisartist/images/thumb/sphx_glr_demo_floating_axes_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axisartist_demo_floating_axes.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Axis within rectangular frame.">

.. only:: html

  .. image:: /gallery/axisartist/images/thumb/sphx_glr_demo_floating_axis_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axisartist_demo_floating_axis.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Create a parasite axes. Such axes would share the x scale with a host axes, but show a differen...">

.. only:: html

  .. image:: /gallery/axisartist/images/thumb/sphx_glr_demo_parasite_axes_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axisartist_demo_parasite_axes.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Parasite Axes demo</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates the use of parasite axis to plot multiple datasets onto one single pl...">

.. only:: html

  .. image:: /gallery/axisartist/images/thumb/sphx_glr_demo_parasite_axes2_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axisartist_demo_parasite_axes2.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Parasite axis demo</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Ticklabel alignment">

.. only:: html

  .. image:: /gallery/axisartist/images/thumb/sphx_glr_demo_ticklabel_alignment_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axisartist_demo_ticklabel_alignment.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Ticklabel direction">

.. only:: html

  .. image:: /gallery/axisartist/images/thumb/sphx_glr_demo_ticklabel_direction_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axisartist_demo_ticklabel_direction.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Simple axis direction">

.. only:: html

  .. image:: /gallery/axisartist/images/thumb/sphx_glr_simple_axis_direction01_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axisartist_simple_axis_direction01.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="First subplot moves the tick labels to inside the spines. Second subplot moves the ticks to ins...">

.. only:: html

  .. image:: /gallery/axisartist/images/thumb/sphx_glr_simple_axis_direction03_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axisartist_simple_axis_direction03.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Simple axis tick label and tick directions</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Simple Axis Pad">

.. only:: html

  .. image:: /gallery/axisartist/images/thumb/sphx_glr_simple_axis_pad_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axisartist_simple_axis_pad.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example showcases the use of .axisartist to draw spines at custom positions (here, at y = ...">

.. only:: html

  .. image:: /gallery/axisartist/images/thumb/sphx_glr_simple_axisartist1_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axisartist_simple_axisartist1.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Custom spines with axisartist</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Simple Axisline">

.. only:: html

  .. image:: /gallery/axisartist/images/thumb/sphx_glr_simple_axisline_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axisartist_simple_axisline.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Simple Axisline3">

.. only:: html

  .. image:: /gallery/axisartist/images/thumb/sphx_glr_simple_axisline3_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_axisartist_simple_axisline3.py`

.. raw:: html

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


.. raw:: html

    </div>


Showcase
========



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This figure shows the name of several matplotlib elements composing a figure">

.. only:: html

  .. image:: /gallery/showcase/images/thumb/sphx_glr_anatomy_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_showcase_anatomy.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Anatomy of a figure</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to create the Firefox logo with path and patches.">

.. only:: html

  .. image:: /gallery/showcase/images/thumb/sphx_glr_firefox_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_showcase_firefox.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Although this is a simple example, it demonstrates some important tweaks:">

.. only:: html

  .. image:: /gallery/showcase/images/thumb/sphx_glr_integral_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_showcase_integral.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Integral as the area under a curve</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The Mandelbrot set rendering can be improved by using a normalized recount associated with a po...">

.. only:: html

  .. image:: /gallery/showcase/images/thumb/sphx_glr_mandelbrot_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_showcase_mandelbrot.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Shaded & power normalized rendering</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="A graph of multiple time series that demonstrates custom styling of plot frame, tick lines, tic...">

.. only:: html

  .. image:: /gallery/showcase/images/thumb/sphx_glr_stock_prices_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_showcase_stock_prices.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Stock prices over 32 years</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Shows how to create an xkcd-like plot.">

.. only:: html

  .. image:: /gallery/showcase/images/thumb/sphx_glr_xkcd_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_showcase_xkcd.py`

.. raw:: html

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


.. raw:: html

    </div>



Animation
=========



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example showcases:">

.. only:: html

  .. image:: /gallery/animation/images/thumb/sphx_glr_animate_decay_thumb.gif
    :alt:

  :ref:`sphx_glr_gallery_animation_animate_decay.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Use histogram&#x27;s .BarContainer to draw a bunch of rectangles for an animated histogram.">

.. only:: html

  .. image:: /gallery/animation/images/thumb/sphx_glr_animated_histogram_thumb.gif
    :alt:

  :ref:`sphx_glr_gallery_animation_animated_histogram.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Generating an animation by calling ~.pyplot.pause between plotting commands.">

.. only:: html

  .. image:: /gallery/animation/images/thumb/sphx_glr_animation_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_animation_animation_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This animation displays the posterior estimate updates as it is refitted when new data arrives....">

.. only:: html

  .. image:: /gallery/animation/images/thumb/sphx_glr_bayes_update_thumb.gif
    :alt:

  :ref:`sphx_glr_gallery_animation_bayes_update.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">The Bayes update</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This animation illustrates the double pendulum problem.">

.. only:: html

  .. image:: /gallery/animation/images/thumb/sphx_glr_double_pendulum_thumb.gif
    :alt:

  :ref:`sphx_glr_gallery_animation_double_pendulum.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">The double pendulum problem</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Output generated via matplotlib.animation.Animation.to_jshtml.">

.. only:: html

  .. image:: /gallery/animation/images/thumb/sphx_glr_dynamic_image_thumb.gif
    :alt:

  :ref:`sphx_glr_gallery_animation_dynamic_image.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Animated image using a precomputed list of images</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Use a MovieWriter directly to grab individual frames and write them to a file.  This avoids any...">

.. only:: html

  .. image:: /gallery/animation/images/thumb/sphx_glr_frame_grabbing_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_animation_frame_grabbing_sgskip.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example showcases:">

.. only:: html

  .. image:: /gallery/animation/images/thumb/sphx_glr_multiple_axes_thumb.gif
    :alt:

  :ref:`sphx_glr_gallery_animation_multiple_axes.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example showcases:">

.. only:: html

  .. image:: /gallery/animation/images/thumb/sphx_glr_pause_resume_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_animation_pause_resume.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Pausing and Resuming an Animation</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Simulates rain drops on a surface by animating the scale and opacity of 50 scatter points.">

.. only:: html

  .. image:: /gallery/animation/images/thumb/sphx_glr_rain_thumb.gif
    :alt:

  :ref:`sphx_glr_gallery_animation_rain.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Output generated via matplotlib.animation.Animation.to_jshtml.">

.. only:: html

  .. image:: /gallery/animation/images/thumb/sphx_glr_random_walk_thumb.gif
    :alt:

  :ref:`sphx_glr_gallery_animation_random_walk.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Animated 3D random walk</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Output generated via matplotlib.animation.Animation.to_jshtml.">

.. only:: html

  .. image:: /gallery/animation/images/thumb/sphx_glr_simple_anim_thumb.gif
    :alt:

  :ref:`sphx_glr_gallery_animation_simple_anim.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Animated line plot</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Output generated via matplotlib.animation.Animation.to_jshtml.">

.. only:: html

  .. image:: /gallery/animation/images/thumb/sphx_glr_simple_scatter_thumb.gif
    :alt:

  :ref:`sphx_glr_gallery_animation_simple_scatter.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Animated scatter saved as GIF</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Emulates an oscilloscope.">

.. only:: html

  .. image:: /gallery/animation/images/thumb/sphx_glr_strip_chart_thumb.gif
    :alt:

  :ref:`sphx_glr_gallery_animation_strip_chart.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Comparative path demonstration of frequency from a fake signal of a pulsar (mostly known becaus...">

.. only:: html

  .. image:: /gallery/animation/images/thumb/sphx_glr_unchained_thumb.gif
    :alt:

  :ref:`sphx_glr_gallery_animation_unchained.py`

.. raw:: html

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


.. raw:: html

    </div>


Event handling
==============

Matplotlib supports :ref:`event handling <event_handling>` with
a GUI neutral event model, so you can connect to Matplotlib events without
knowledge of what user interface Matplotlib will ultimately be plugged in to.
This has two advantages: the code you write will be more portable, and
Matplotlib events are aware of things like data coordinate space and which
axes the event occurs in so you don't have to mess with low level
transformation details to go from canvas space to data space.  Object picking
examples are also included.



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example to show connecting events that occur when the figure closes.">

.. only:: html

  .. image:: /gallery/event_handling/images/thumb/sphx_glr_close_event_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_event_handling_close_event.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="An example of how to interact with the plotting canvas by connecting to move and click events.">

.. only:: html

  .. image:: /gallery/event_handling/images/thumb/sphx_glr_coords_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_event_handling_coords_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Mouse move and click events</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example adds a cross-hair as a data cursor.  The cross-hair is implemented as regular line...">

.. only:: html

  .. image:: /gallery/event_handling/images/thumb/sphx_glr_cursor_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_event_handling_cursor_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Cross-hair cursor</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Connecting data between multiple canvases.">

.. only:: html

  .. image:: /gallery/event_handling/images/thumb/sphx_glr_data_browser_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_event_handling_data_browser.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Illustrate the figure and Axes enter and leave events by changing the frame colors on enter and...">

.. only:: html

  .. image:: /gallery/event_handling/images/thumb/sphx_glr_figure_axes_enter_leave_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_event_handling_figure_axes_enter_leave.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Figure/Axes enter and leave events</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This provides examples of uses of interactive functions, such as ginput, waitforbuttonpress and...">

.. only:: html

  .. image:: /gallery/event_handling/images/thumb/sphx_glr_ginput_manual_clabel_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_event_handling_ginput_manual_clabel_sgskip.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="In this example a scroll wheel event is used to scroll through 2D slices of 3D data.">

.. only:: html

  .. image:: /gallery/event_handling/images/thumb/sphx_glr_image_slices_viewer_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_event_handling_image_slices_viewer.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Show how to connect to keypress events.">

.. only:: html

  .. image:: /gallery/event_handling/images/thumb/sphx_glr_keypress_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_event_handling_keypress_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Use a lasso to select a set of points and get the indices of the selected points. A callback is...">

.. only:: html

  .. image:: /gallery/event_handling/images/thumb/sphx_glr_lasso_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_event_handling_lasso_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Enable picking on the legend to toggle the original line on and off">

.. only:: html

  .. image:: /gallery/event_handling/images/thumb/sphx_glr_legend_picking_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_event_handling_legend_picking.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example using mouse events to simulate a looking glass for inspecting data.">

.. only:: html

  .. image:: /gallery/event_handling/images/thumb/sphx_glr_looking_glass_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_event_handling_looking_glass.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Sharing events across GUIs.">

.. only:: html

  .. image:: /gallery/event_handling/images/thumb/sphx_glr_path_editor_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_event_handling_path_editor.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="You can enable picking by setting the &quot;picker&quot; property of an artist (for example, a Matplotlib...">

.. only:: html

  .. image:: /gallery/event_handling/images/thumb/sphx_glr_pick_event_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_event_handling_pick_event_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Compute the mean (mu) and standard deviation (sigma) of 100 data sets and plot mu vs. sigma.  W...">

.. only:: html

  .. image:: /gallery/event_handling/images/thumb/sphx_glr_pick_event_demo2_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_event_handling_pick_event_demo2.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Pick event demo 2</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This is an example to show how to build cross-GUI applications using Matplotlib event handling ...">

.. only:: html

  .. image:: /gallery/event_handling/images/thumb/sphx_glr_poly_editor_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_event_handling_poly_editor.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="A Matplotlib based game of Pong illustrating one way to write interactive animations that are e...">

.. only:: html

  .. image:: /gallery/event_handling/images/thumb/sphx_glr_pong_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_event_handling_pong_sgskip.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Downsampling lowers the sample rate or sample size of a signal. In this tutorial, the signal is...">

.. only:: html

  .. image:: /gallery/event_handling/images/thumb/sphx_glr_resample_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_event_handling_resample.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Simple example of using general timer objects. This is used to update the time placed in the ti...">

.. only:: html

  .. image:: /gallery/event_handling/images/thumb/sphx_glr_timers_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_event_handling_timers.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing the use of a TriFinder object.  As the mouse is moved over the triangulation, t...">

.. only:: html

  .. image:: /gallery/event_handling/images/thumb/sphx_glr_trifinder_event_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_event_handling_trifinder_event_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Creates two identical panels.  Zooming in on the right panel will show a rectangle in the first...">

.. only:: html

  .. image:: /gallery/event_handling/images/thumb/sphx_glr_viewlims_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_event_handling_viewlims.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to connect events in one window, for example, a mouse press, to another ...">

.. only:: html

  .. image:: /gallery/event_handling/images/thumb/sphx_glr_zoom_window_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_event_handling_zoom_window.py`

.. raw:: html

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


.. raw:: html

    </div>


Miscellaneous
=============



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example illustrates the use of the anchored objects without the helper classes found in mp...">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_anchored_artists_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_anchored_artists.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The lines intersecting the rectangle are colored in red, while the others are left as blue line...">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_bbox_intersect_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_bbox_intersect.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Changing colors of lines intersecting a box</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example of displaying your own contour lines and polygons using ContourSet.">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_contour_manual_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_contour_manual.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Override the default reporting of coords as the mouse moves over the axes in an interactive bac...">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_coords_report_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_coords_report.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Showcase Hammer projection by alleviating many features of Matplotlib.">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_custom_projection_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_custom_projection.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="I&#x27;m not trying to make a good-looking figure here, but just to show some examples of customizin...">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_customize_rc_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_customize_rc.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Most pixel-based backends in Matplotlib use `Anti-Grain Geometry (AGG)`_ for rendering. You can...">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_demo_agg_filter_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_demo_agg_filter.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Ribbon Box">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_demo_ribbon_box_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_demo_ribbon_box.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Adding lines to a figure without any axes.">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_fig_x_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_fig_x.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Adding lines to figures</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Fill Spiral">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_fill_spiral_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_fill_spiral.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Recursively find all objects that match some criteria">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_findobj_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_findobj_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how the font tables relate to one another.">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_font_indexing_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_font_indexing.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example lists the attributes of an .FT2Font object, which describe global font properties....">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_ftface_props_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_ftface_props.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Using a path patch to draw rectangles.">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_histogram_path_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_histogram_path.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Building histograms using Rectangles and PolyCollections</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates how to set a hyperlinks on various kinds of elements.">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_hyperlinks_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_hyperlinks_sgskip.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="You can use Matplotlib to generate thumbnails from existing images. Matplotlib relies on Pillow...">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_image_thumbnail_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_image_thumbnail_sgskip.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Some data structures, like dict, structured numpy array or pandas.DataFrame provide access to l...">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_keyword_plotting_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_keyword_plotting.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Plotting with keywords</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example generates the current matplotlib logo.">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_logos2_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_logos2.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This is a demo of creating a pdf file with several pages, as well as adding metadata and annota...">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_multipage_pdf_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_multipage_pdf.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demo of using multiprocessing for generating data in one process and plotting in another.">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_multiprocess_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_multiprocess_sgskip.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Create a packed-bubble chart to represent scalar data. The presented algorithm tries to move al...">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_packed_bubbles_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_packed_bubbles.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Packed-bubble chart</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Patheffect Demo">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_patheffect_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_patheffect_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="print png to standard out">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_print_stdout_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_print_stdout_sgskip.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Rasterization converts vector graphics into a raster image (pixels). It can speed up rendering ...">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_rasterization_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_rasterization_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Rasterization for vector graphics</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The pyplot interface allows you to use setp and getp to set and get object properties respectiv...">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_set_and_get_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_set_and_get.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Set and get properties</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrate SVG filtering effects which might be used with Matplotlib.">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_svg_filter_line_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_svg_filter_line.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrate SVG filtering effects which might be used with Matplotlib. The pie chart drawing co...">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_svg_filter_pie_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_svg_filter_pie.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">SVG filter pie</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demo of table function to display a table within a plot.">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_table_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_table_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Matplotlib&#x27;s .patheffects can be used to alter the way paths are drawn at a low enough level th...">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_tickedstroke_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_tickedstroke_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This illustrates the use of .transforms.offset_copy to make a transform that positions a drawin...">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_transoffset_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_transoffset.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">transforms.offset_copy</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The drawing order of artists is determined by their zorder attribute, which is a floating point...">

.. only:: html

  .. image:: /gallery/misc/images/thumb/sphx_glr_zorder_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_misc_zorder_demo.py`

.. raw:: html

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


.. raw:: html

    </div>



3D plotting
===========



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates using ax.plot&#x27;s zdir keyword to plot 2D data on selective axes of a 3D plot.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_2dcollections3d_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_2dcollections3d.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Plot 2D data on 3D plot</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="A basic demo of how to plot 3D bars with and without shading.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_3d_bars_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_3d_bars.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Demo of 3D bar charts</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates making a 3D plot which has 2D bar graphs projected onto planes y=0, y=1, etc.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_bars3d_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_bars3d.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Create 2D bar graphs in different planes</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Given data on a gridded volume X, Y, Z, this example plots the data values on the volume surfac...">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_box3d_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_box3d.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">3D box surface plot</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This is like a contour plot in 2D except that the f(x, y)=c curve is plotted on the plane z=c.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_contour3d_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_contour3d.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Plot contour (level) curves in 3D</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This modification of the contour3d example uses extend3d=True to extend the curves vertically i...">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_contour3d_2_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_contour3d_2.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Plot contour (level) curves in 3D using the extend3d option</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Project contour profiles onto a graph">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_contour3d_3_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_contour3d_3.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Project contour profiles onto a graph</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip=".Axes3D.contourf differs from .Axes3D.contour in that it creates filled contours, i.e. a discre...">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_contourf3d_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_contourf3d.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Project filled contour onto a graph">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_contourf3d_2_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_contourf3d_2.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Project filled contour onto a graph</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates using custom hillshading in a 3D surface plot.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_custom_shaded_3d_surface_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_custom_shaded_3d_surface.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Custom hillshading in a 3D surface plot</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="An example of using errorbars with upper and lower limits in mplot3d.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_errorbar3d_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_errorbar3d.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demo of a histogram for 2D data as a bar graph in 3D.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_hist3d_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_hist3d.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Create 3D histogram of 2D data</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates plotting a parametric curve in 3D.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_lines3d_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_lines3d.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This is an example of plotting Edward Lorenz&#x27;s 1963 `&quot;Deterministic Nonperiodic Flow&quot;`_ in a 3-...">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_lorenz_attractor_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_lorenz_attractor.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows a how to plot a 2D and a 3D plot on the same figure.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_mixed_subplots_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_mixed_subplots.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">2D and 3D axes in same figure</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates mplot3d&#x27;s offset text display. As one rotates the 3D figure, the offs...">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_offset_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_offset.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Automatic text offsetting</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrate using .pathpatch_2d_to_3d to &#x27;draw&#x27; shapes and text on a 3D plot.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_pathpatch3d_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_pathpatch3d.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Draw flat objects in 3D plot</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrate how to create polygons which fill the space under a line graph. In this example pol...">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_polys3d_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_polys3d.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Generate polygons to fill under 3D line graph</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates the different camera projections for 3D plots, and the effects of changing the foc...">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_projections_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_projections.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">3D plot projection types</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates plotting directional arrows at points on a 3D meshgrid.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_quiver3d_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_quiver3d.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">3D quiver plot</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="A very simple animation of a rotating 3D plot about all three axes.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_rotate_axes3d_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_rotate_axes3d_sgskip.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Rotating a 3D plot</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstration of a basic scatterplot in 3D.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_scatter3d_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_scatter3d.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstration of a stem plot in 3D, which plots vertical lines from a baseline to the z-coordin...">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_stem3d_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_stem3d_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrate including 3D plots as subplots.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_subplot3d_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_subplot3d.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">3D plots as subplots</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates plotting a 3D surface colored with the coolwarm colormap. The surface is made opaq...">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_surface3d_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_surface3d.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">3D surface (colormap)</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates a very basic plot of a 3D surface using a solid color.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_surface3d_2_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_surface3d_2.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">3D surface (solid color)</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates plotting a 3D surface colored in a checkerboard pattern.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_surface3d_3_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_surface3d_3.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">3D surface (checkerboard)</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates plotting a surface defined in polar coordinates. Uses the reversed version of the ...">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_surface3d_radial_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_surface3d_radial.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">3D surface with polar coordinates</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates the placement of text annotations on a 3D plot.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_text3d_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_text3d.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Text annotations in 3D</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Contour plots of unstructured triangular grids.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_tricontour3d_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_tricontour3d.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Triangular 3D contour plot</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Filled contour plots of unstructured triangular grids.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_tricontourf3d_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_tricontourf3d.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Triangular 3D filled contour plot</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Plot a 3D surface with a triangular mesh.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_trisurf3d_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_trisurf3d.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Triangular 3D surfaces</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Two additional examples of plotting surfaces with triangular mesh.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_trisurf3d_2_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_trisurf3d_2.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">More triangular 3D surfaces</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example generates an &quot;unfolded&quot; 3D plot that shows each of the primary 3D view planes. The...">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_view_planes_3d_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_view_planes_3d.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Primary 3D view planes</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates plotting 3D volumetric objects with .Axes3D.voxels.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_voxels_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_voxels.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">3D voxel / volumetric plot</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates using .Axes3D.voxels with uneven coordinates.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_voxels_numpy_logo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_voxels_numpy_logo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">3D voxel plot of the NumPy logo</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates using .Axes3D.voxels to visualize parts of a color space.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_voxels_rgb_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_voxels_rgb.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">3D voxel / volumetric plot with RGB colors</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates using the x, y, z parameters of .Axes3D.voxels.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_voxels_torus_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_voxels_torus.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">3D voxel / volumetric plot with cylindrical coordinates</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="A very basic demonstration of a wireframe plot.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_wire3d_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_wire3d.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">3D wireframe plot</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="A very simple &quot;animation&quot; of a 3D plot.  See also rotate_axes3d_sgskip.">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_wire3d_animation_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_wire3d_animation_sgskip.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Animate a 3D wireframe plot</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates that setting rstride or cstride to 0 causes wires to not be generated in the corre...">

.. only:: html

  .. image:: /gallery/mplot3d/images/thumb/sphx_glr_wire3d_zero_stride_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_mplot3d_wire3d_zero_stride.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">3D wireframe plots in one direction</div>
    </div>


.. raw:: html

    </div>


Scales
======

These examples cover how different scales are handled in Matplotlib.



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Illustration of the asinh &lt;.scale.AsinhScale&gt; axis scaling, which uses the transformation">

.. only:: html

  .. image:: /gallery/scales/images/thumb/sphx_glr_asinh_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_scales_asinh_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Loglog Aspect">

.. only:: html

  .. image:: /gallery/scales/images/thumb/sphx_glr_aspect_loglog_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_scales_aspect_loglog.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Create a custom scale, by implementing the scaling use for latitude data in a Mercator Projecti...">

.. only:: html

  .. image:: /gallery/scales/images/thumb/sphx_glr_custom_scale_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_scales_custom_scale.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Plotting a bar chart with a logarithmic y-axis.">

.. only:: html

  .. image:: /gallery/scales/images/thumb/sphx_glr_log_bar_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_scales_log_bar.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Examples of plots with logarithmic axes.">

.. only:: html

  .. image:: /gallery/scales/images/thumb/sphx_glr_log_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_scales_log_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Examples of plots with logit axes.">

.. only:: html

  .. image:: /gallery/scales/images/thumb/sphx_glr_logit_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_scales_logit_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Various normalization on a multivariate normal distribution.">

.. only:: html

  .. image:: /gallery/scales/images/thumb/sphx_glr_power_norm_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_scales_power_norm.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Illustrate the scale transformations applied to axes, e.g. log, symlog, logit.">

.. only:: html

  .. image:: /gallery/scales/images/thumb/sphx_glr_scales_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_scales_scales.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This is an example of assigning a log-scale for the x-axis using ~.axes.Axes.semilogx.">

.. only:: html

  .. image:: /gallery/scales/images/thumb/sphx_glr_semilogx_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_scales_semilogx_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example use of symlog (symmetric log) axis scaling.">

.. only:: html

  .. image:: /gallery/scales/images/thumb/sphx_glr_symlog_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_scales_symlog_demo.py`

.. raw:: html

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


.. raw:: html

    </div>


Specialty plots
===============



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates a few common tricks with shaded plots.">

.. only:: html

  .. image:: /gallery/specialty_plots/images/thumb/sphx_glr_advanced_hillshading_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_specialty_plots_advanced_hillshading.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="`Anscombe&#x27;s quartet`_ is a group of datasets (x, y) that have the same mean, standard deviation...">

.. only:: html

  .. image:: /gallery/specialty_plots/images/thumb/sphx_glr_anscombe_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_specialty_plots_anscombe.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Anscombe's quartet</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Hinton diagrams are useful for visualizing the values of a 2D array (e.g. a weight matrix): Pos...">

.. only:: html

  .. image:: /gallery/specialty_plots/images/thumb/sphx_glr_hinton_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_specialty_plots_hinton_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Ishikawa Diagrams, fishbone diagrams, herringbone diagrams, or cause-and-effect diagrams are us...">

.. only:: html

  .. image:: /gallery/specialty_plots/images/thumb/sphx_glr_ishikawa_diagram_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_specialty_plots_ishikawa_diagram.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates how to create the 17 segment model for the left ventricle recommended...">

.. only:: html

  .. image:: /gallery/specialty_plots/images/thumb/sphx_glr_leftventricle_bullseye_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_specialty_plots_leftventricle_bullseye.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Left ventricle bullseye</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Displays a set of subplots with an MRI image, its intensity histogram and some EEG traces.">

.. only:: html

  .. image:: /gallery/specialty_plots/images/thumb/sphx_glr_mri_with_eeg_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_specialty_plots_mri_with_eeg.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">MRI with EEG</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example creates a radar chart, also known as a spider or star chart [1]_.">

.. only:: html

  .. image:: /gallery/specialty_plots/images/thumb/sphx_glr_radar_chart_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_specialty_plots_radar_chart.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Radar chart (aka spider or star chart)</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrate the Sankey class by producing three basic diagrams.">

.. only:: html

  .. image:: /gallery/specialty_plots/images/thumb/sphx_glr_sankey_basics_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_specialty_plots_sankey_basics.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrate/test the Sankey class by producing a long chain of connections.">

.. only:: html

  .. image:: /gallery/specialty_plots/images/thumb/sphx_glr_sankey_links_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_specialty_plots_sankey_links.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Long chain of connections using Sankey</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrate the Sankey class with a practical example of a Rankine power cycle.">

.. only:: html

  .. image:: /gallery/specialty_plots/images/thumb/sphx_glr_sankey_rankine_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_specialty_plots_sankey_rankine.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Rankine power cycle</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This serves as an intensive exercise of Matplotlib&#x27;s transforms and custom projection API. This...">

.. only:: html

  .. image:: /gallery/specialty_plots/images/thumb/sphx_glr_skewt_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_specialty_plots_skewt.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">SkewT-logP diagram: using transforms and custom projections</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates the visual effect of varying blend mode and vertical exaggeration on &quot;hillshaded&quot; ...">

.. only:: html

  .. image:: /gallery/specialty_plots/images/thumb/sphx_glr_topographic_hillshading_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_specialty_plots_topographic_hillshading.py`

.. raw:: html

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


.. raw:: html

    </div>


Spines
======



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This demo compares:">

.. only:: html

  .. image:: /gallery/spines/images/thumb/sphx_glr_spines_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_spines_spines.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The position of the axis spines can be influenced using ~.Spine.set_position.">

.. only:: html

  .. image:: /gallery/spines/images/thumb/sphx_glr_spine_placement_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_spines_spine_placement_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demo of spines offset from the axes (a.k.a. &quot;dropped spines&quot;).">

.. only:: html

  .. image:: /gallery/spines/images/thumb/sphx_glr_spines_dropped_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_spines_spines_dropped.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Create multiple y axes with a shared x-axis. This is done by creating a ~.axes.Axes.twinx axes,...">

.. only:: html

  .. image:: /gallery/spines/images/thumb/sphx_glr_multiple_yaxis_with_spines_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_spines_multiple_yaxis_with_spines.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Multiple y-axis with Spines</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows a way to draw a &quot;math textbook&quot; style plot, where the spines (&quot;axes lines&quot;) ...">

.. only:: html

  .. image:: /gallery/spines/images/thumb/sphx_glr_centered_spines_with_arrows_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_spines_centered_spines_with_arrows.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Centered spines with arrows</div>
    </div>


.. raw:: html

    </div>


Ticks
=====



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Setting the behavior of tick auto-placement.">

.. only:: html

  .. image:: /gallery/ticks/images/thumb/sphx_glr_auto_ticks_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ticks_auto_ticks.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Automatically setting tick positions</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Ticklabels are aligned relative to their associated tick. The alignment &#x27;center&#x27;, &#x27;left&#x27;, or &#x27;r...">

.. only:: html

  .. image:: /gallery/ticks/images/thumb/sphx_glr_centered_ticklabels_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ticks_centered_ticklabels.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Centering labels between ticks</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Vertical colorbars have ticks, tick labels, and labels visible on the y axis, horizontal colorb...">

.. only:: html

  .. image:: /gallery/ticks/images/thumb/sphx_glr_colorbar_tick_labelling_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ticks_colorbar_tick_labelling_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Colorbar Tick Labelling</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The matplotlib.ticker module defines many preset tickers, but was primarily designed for extens...">

.. only:: html

  .. image:: /gallery/ticks/images/thumb/sphx_glr_custom_ticker1_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ticks_custom_ticker1.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Finding good tick values and formatting the ticks for an axis that has date data is often a cha...">

.. only:: html

  .. image:: /gallery/ticks/images/thumb/sphx_glr_date_concise_formatter_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ticks_date_concise_formatter.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Formatting date ticks using ConciseDateFormatter</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Date Demo Convert">

.. only:: html

  .. image:: /gallery/ticks/images/thumb/sphx_glr_date_demo_convert_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ticks_date_demo_convert.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Date Demo Convert</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The `iCalender RFC`_ specifies recurrence rules (rrules), that define date sequences. You can u...">

.. only:: html

  .. image:: /gallery/ticks/images/thumb/sphx_glr_date_demo_rrule_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ticks_date_demo_rrule.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Placing date ticks using recurrence rules</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example illustrates the usage and effect of the various date locators and formatters.">

.. only:: html

  .. image:: /gallery/ticks/images/thumb/sphx_glr_date_formatters_locators_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ticks_date_formatters_locators.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Date tick locators and formatters</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="When plotting daily data, e.g., financial time series, one often wants to leave out days on whi...">

.. only:: html

  .. image:: /gallery/ticks/images/thumb/sphx_glr_date_index_formatter_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ticks_date_index_formatter.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Custom tick formatter for time series</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Matplotlib can handle .datetime objects and numpy.datetime64 objects using a unit converter tha...">

.. only:: html

  .. image:: /gallery/ticks/images/thumb/sphx_glr_date_precision_and_epochs_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ticks_date_precision_and_epochs.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Date Precision and Epochs</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Use a ~.ticker.FormatStrFormatter to prepend dollar signs on y-axis labels.">

.. only:: html

  .. image:: /gallery/ticks/images/thumb/sphx_glr_dollar_ticks_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ticks_dollar_ticks.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Customize the background, labels and ticks of a simple plot.">

.. only:: html

  .. image:: /gallery/ticks/images/thumb/sphx_glr_fig_axes_customize_simple_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ticks_fig_axes_customize_simple.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Fig Axes Customize Simple</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrate how to use major and minor tickers.">

.. only:: html

  .. image:: /gallery/ticks/images/thumb/sphx_glr_major_minor_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ticks_major_minor_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Major and minor ticks</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Sometimes we want another level of tick labels on an axis, perhaps to indicate a grouping of th...">

.. only:: html

  .. image:: /gallery/ticks/images/thumb/sphx_glr_multilevel_ticks_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ticks_multilevel_ticks.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Multilevel (nested) ticks</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="By default, tick labels are formatted using a .ScalarFormatter, which can be configured via ~.a...">

.. only:: html

  .. image:: /gallery/ticks/images/thumb/sphx_glr_scalarformatter_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ticks_scalarformatter.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">The default tick formatter</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Tick formatters define how the numeric value associated with a tick on an axis is formatted as ...">

.. only:: html

  .. image:: /gallery/ticks/images/thumb/sphx_glr_tick-formatters_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ticks_tick-formatters.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Tick locators define the position of the ticks.">

.. only:: html

  .. image:: /gallery/ticks/images/thumb/sphx_glr_tick-locators_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ticks_tick-locators.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="We can use ytick.labelright, ytick.right, ytick.labelleft, and ytick.left to control where on t...">

.. only:: html

  .. image:: /gallery/ticks/images/thumb/sphx_glr_tick_label_right_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ticks_tick_label_right.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Set default y-axis tick labels on the right</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Using .Axes.set_xticks causes the tick labels to be set on the currently chosen ticks. However,...">

.. only:: html

  .. image:: /gallery/ticks/images/thumb/sphx_glr_tick_labels_from_values_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ticks_tick_labels_from_values.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Setting tick labels from a list of values</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="~.axes.Axes.tick_params can be used to configure the ticks. top and labeltop control the visibi...">

.. only:: html

  .. image:: /gallery/ticks/images/thumb/sphx_glr_tick_xlabel_top_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ticks_tick_xlabel_top.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Move x-axis tick labels to the top</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demo of custom tick-labels with user-defined rotation.">

.. only:: html

  .. image:: /gallery/ticks/images/thumb/sphx_glr_ticklabels_rotation_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ticks_ticklabels_rotation.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Rotating custom tick labels</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="One common cause for unexpected tick behavior is passing a list of strings instead of numbers o...">

.. only:: html

  .. image:: /gallery/ticks/images/thumb/sphx_glr_ticks_too_many_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ticks_ticks_too_many.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Fixing too many ticks</div>
    </div>


.. raw:: html

    </div>



Units
=====

These examples cover the many representations of units
in Matplotlib.



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The example illustrates how to create text and arrow annotations using a centimeter-scale plot.">

.. only:: html

  .. image:: /gallery/units/images/thumb/sphx_glr_annotate_with_units_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_units_annotate_with_units.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Annotation with units</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Test unit support with each of the Matplotlib primitive artist types.">

.. only:: html

  .. image:: /gallery/units/images/thumb/sphx_glr_artist_tests_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_units_artist_tests.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="A plot using a variety of centimetre and inch conversions. This example shows how default unit ...">

.. only:: html

  .. image:: /gallery/units/images/thumb/sphx_glr_bar_demo2_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_units_bar_demo2.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Bar demo with units</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This is the same example as the barchart&lt;/gallery/lines_bars_and_markers/barchart&gt; in centimete...">

.. only:: html

  .. image:: /gallery/units/images/thumb/sphx_glr_bar_unit_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_units_bar_unit_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Group barchart with units</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Basic Units">

.. only:: html

  .. image:: /gallery/units/images/thumb/sphx_glr_basic_units_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_units_basic_units.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Compare the ellipse generated with arcs versus a polygonal approximation.">

.. only:: html

  .. image:: /gallery/units/images/thumb/sphx_glr_ellipse_with_units_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_units_ellipse_with_units.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Ellipse with units</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="A mockup &quot;Foo&quot; units class which supports conversion and different tick formatting depending on...">

.. only:: html

  .. image:: /gallery/units/images/thumb/sphx_glr_evans_test_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_units_evans_test.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Plot with radians from the basic_units mockup example package.">

.. only:: html

  .. image:: /gallery/units/images/thumb/sphx_glr_radian_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_units_radian_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The example illustrates the ability to override default x and y units (ax1) to inches and centi...">

.. only:: html

  .. image:: /gallery/units/images/thumb/sphx_glr_units_sample_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_units_units_sample.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Inches and Centimeters</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The example below shows support for unit conversions over masked arrays.">

.. only:: html

  .. image:: /gallery/units/images/thumb/sphx_glr_units_scatter_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_units_units_scatter.py`

.. raw:: html

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


.. raw:: html

    </div>


Embedding Matplotlib in graphical user interfaces
=================================================

You can embed Matplotlib directly into a user interface application by
following the embedding_in_SOMEGUI.py examples here. Currently
Matplotlib supports PyQt/PySide, PyGObject, Tkinter, and wxPython.

When embedding Matplotlib in a GUI, you must use the Matplotlib API
directly rather than the pylab/pyplot procedural interface, so take a
look at the examples/api directory for some example code working with
the API.



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to use the agg backend directly to create images, which may be of use to...">

.. only:: html

  .. image:: /gallery/user_interfaces/images/thumb/sphx_glr_canvasagg_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_user_interfaces_canvasagg.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrate NavigationToolbar with GTK3 accessed via pygobject.">

.. only:: html

  .. image:: /gallery/user_interfaces/images/thumb/sphx_glr_embedding_in_gtk3_panzoom_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_user_interfaces_embedding_in_gtk3_panzoom_sgskip.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Embedding in GTK3 with a navigation toolbar</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrate adding a FigureCanvasGTK3Agg widget to a Gtk.ScrolledWindow using GTK3 accessed via...">

.. only:: html

  .. image:: /gallery/user_interfaces/images/thumb/sphx_glr_embedding_in_gtk3_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_user_interfaces_embedding_in_gtk3_sgskip.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Embedding in GTK3</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrate NavigationToolbar with GTK4 accessed via pygobject.">

.. only:: html

  .. image:: /gallery/user_interfaces/images/thumb/sphx_glr_embedding_in_gtk4_panzoom_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_user_interfaces_embedding_in_gtk4_panzoom_sgskip.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Embedding in GTK4 with a navigation toolbar</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrate adding a FigureCanvasGTK4Agg widget to a Gtk.ScrolledWindow using GTK4 accessed via...">

.. only:: html

  .. image:: /gallery/user_interfaces/images/thumb/sphx_glr_embedding_in_gtk4_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_user_interfaces_embedding_in_gtk4_sgskip.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Embedding in GTK4</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Simple Qt application embedding Matplotlib canvases.  This program will work equally well using...">

.. only:: html

  .. image:: /gallery/user_interfaces/images/thumb/sphx_glr_embedding_in_qt_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_user_interfaces_embedding_in_qt_sgskip.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Embedding in Tk">

.. only:: html

  .. image:: /gallery/user_interfaces/images/thumb/sphx_glr_embedding_in_tk_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_user_interfaces_embedding_in_tk_sgskip.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Embedding in Tk</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="An example of how to use wxagg in an application with the new toolbar - comment out the add_too...">

.. only:: html

  .. image:: /gallery/user_interfaces/images/thumb/sphx_glr_embedding_in_wx2_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_user_interfaces_embedding_in_wx2_sgskip.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Embedding in wx #2</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Copyright (C) 2003-2004 Andrew Straw, Jeremy O&#x27;Donoghue and others">

.. only:: html

  .. image:: /gallery/user_interfaces/images/thumb/sphx_glr_embedding_in_wx3_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_user_interfaces_embedding_in_wx3_sgskip.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Embedding in wx #3</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="An example of how to use wxagg in a wx application with a custom toolbar.">

.. only:: html

  .. image:: /gallery/user_interfaces/images/thumb/sphx_glr_embedding_in_wx4_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_user_interfaces_embedding_in_wx4_sgskip.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Embedding in wx #4</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Embedding in wx #5">

.. only:: html

  .. image:: /gallery/user_interfaces/images/thumb/sphx_glr_embedding_in_wx5_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_user_interfaces_embedding_in_wx5_sgskip.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Embedding in wx #5</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates how to embed Matplotlib WebAgg interactive plotting in your own web a...">

.. only:: html

  .. image:: /gallery/user_interfaces/images/thumb/sphx_glr_embedding_webagg_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_user_interfaces_embedding_webagg_sgskip.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Fourier Demo WX">

.. only:: html

  .. image:: /gallery/user_interfaces/images/thumb/sphx_glr_fourier_demo_wx_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_user_interfaces_fourier_demo_wx_sgskip.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Fourier Demo WX</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example of embedding Matplotlib in an application and interacting with a treeview to store data...">

.. only:: html

  .. image:: /gallery/user_interfaces/images/thumb/sphx_glr_gtk3_spreadsheet_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_user_interfaces_gtk3_spreadsheet_sgskip.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example of embedding Matplotlib in an application and interacting with a treeview to store data...">

.. only:: html

  .. image:: /gallery/user_interfaces/images/thumb/sphx_glr_gtk4_spreadsheet_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_user_interfaces_gtk4_spreadsheet_sgskip.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates how to convert (math)text to a wx.Bitmap for display in various controls on wxPyth...">

.. only:: html

  .. image:: /gallery/user_interfaces/images/thumb/sphx_glr_mathtext_wx_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_user_interfaces_mathtext_wx_sgskip.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Display mathtext in WX</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Matplotlib with Glade 3">

.. only:: html

  .. image:: /gallery/user_interfaces/images/thumb/sphx_glr_mpl_with_glade3_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_user_interfaces_mpl_with_glade3_sgskip.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Matplotlib with Glade 3</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="To use this hook, ensure that this module is in your PYTHONPATH, and set rcParams[&quot;figure.hooks...">

.. only:: html

  .. image:: /gallery/user_interfaces/images/thumb/sphx_glr_mplcvd_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_user_interfaces_mplcvd.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">mplcvd -- an example of figure hook</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="An example of how to use pyplot to manage your figure windows, but modify the GUI by accessing ...">

.. only:: html

  .. image:: /gallery/user_interfaces/images/thumb/sphx_glr_pylab_with_gtk3_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_user_interfaces_pylab_with_gtk3_sgskip.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">pyplot with GTK3</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="An example of how to use pyplot to manage your figure windows, but modify the GUI by accessing ...">

.. only:: html

  .. image:: /gallery/user_interfaces/images/thumb/sphx_glr_pylab_with_gtk4_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_user_interfaces_pylab_with_gtk4_sgskip.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">pyplot with GTK4</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrate how to create an interactive histogram, in which bars are hidden or shown by clicki...">

.. only:: html

  .. image:: /gallery/user_interfaces/images/thumb/sphx_glr_svg_histogram_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_user_interfaces_svg_histogram_sgskip.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to create a tooltip that will show up when hovering over a matplotlib pa...">

.. only:: html

  .. image:: /gallery/user_interfaces/images/thumb/sphx_glr_svg_tooltip_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_user_interfaces_svg_tooltip_sgskip.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates how to">

.. only:: html

  .. image:: /gallery/user_interfaces/images/thumb/sphx_glr_toolmanager_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_user_interfaces_toolmanager_sgskip.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="When using Matplotlib in a web server it is strongly recommended to not use pyplot (pyplot main...">

.. only:: html

  .. image:: /gallery/user_interfaces/images/thumb/sphx_glr_web_application_server_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_user_interfaces_web_application_server_sgskip.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Embedding in a web application server (Flask)</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example to draw a cursor and report the data coords in wx.">

.. only:: html

  .. image:: /gallery/user_interfaces/images/thumb/sphx_glr_wxcursor_demo_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_user_interfaces_wxcursor_demo_sgskip.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Adding a cursor in WX</div>
    </div>


.. raw:: html

    </div>

Widgets
=======

Examples of how to write primitive, but GUI agnostic, widgets in
matplotlib



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Display a data cursor including a text box, which shows the plot point close to the mouse point...">

.. only:: html

  .. image:: /gallery/widgets/images/thumb/sphx_glr_annotated_cursor_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_widgets_annotated_cursor.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Constructing a simple button GUI to modify a sine wave.">

.. only:: html

  .. image:: /gallery/widgets/images/thumb/sphx_glr_buttons_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_widgets_buttons.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Turning visual elements on and off with check buttons.">

.. only:: html

  .. image:: /gallery/widgets/images/thumb/sphx_glr_check_buttons_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_widgets_check_buttons.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Cursor">

.. only:: html

  .. image:: /gallery/widgets/images/thumb/sphx_glr_cursor_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_widgets_cursor.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Interactively selecting data points with the lasso tool.">

.. only:: html

  .. image:: /gallery/widgets/images/thumb/sphx_glr_lasso_selector_demo_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_widgets_lasso_selector_demo_sgskip.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Using texts to construct a simple menu.">

.. only:: html

  .. image:: /gallery/widgets/images/thumb/sphx_glr_menu_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_widgets_menu.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example sets an alternative cursor on a figure canvas.">

.. only:: html

  .. image:: /gallery/widgets/images/thumb/sphx_glr_mouse_cursor_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_widgets_mouse_cursor.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Showing a cursor on multiple plots simultaneously.">

.. only:: html

  .. image:: /gallery/widgets/images/thumb/sphx_glr_multicursor_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_widgets_multicursor.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Shows how one can select indices of a polygon interactively.">

.. only:: html

  .. image:: /gallery/widgets/images/thumb/sphx_glr_polygon_selector_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_widgets_polygon_selector_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Select indices from a collection using polygon selector</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Shows how to create a polygon programmatically or interactively">

.. only:: html

  .. image:: /gallery/widgets/images/thumb/sphx_glr_polygon_selector_simple_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_widgets_polygon_selector_simple.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Using radio buttons to choose properties of your plot.">

.. only:: html

  .. image:: /gallery/widgets/images/thumb/sphx_glr_radio_buttons_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_widgets_radio_buttons.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Using the RangeSlider widget to control the thresholding of an image.">

.. only:: html

  .. image:: /gallery/widgets/images/thumb/sphx_glr_range_slider_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_widgets_range_slider.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Thresholding an Image with RangeSlider</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Click somewhere, move the mouse, and release the mouse button. .RectangleSelector and .EllipseS...">

.. only:: html

  .. image:: /gallery/widgets/images/thumb/sphx_glr_rectangle_selector_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_widgets_rectangle_selector.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Rectangle and ellipse selectors</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="In this example, sliders are used to control the frequency and amplitude of a sine wave.">

.. only:: html

  .. image:: /gallery/widgets/images/thumb/sphx_glr_slider_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_widgets_slider_demo.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="You can snap slider values to discrete values using the valstep argument.">

.. only:: html

  .. image:: /gallery/widgets/images/thumb/sphx_glr_slider_snap_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_widgets_slider_snap_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Snapping Sliders to Discrete Values</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The .SpanSelector is a mouse widget that enables selecting a range on an axis.">

.. only:: html

  .. image:: /gallery/widgets/images/thumb/sphx_glr_span_selector_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_widgets_span_selector.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The Textbox widget lets users interactively provide text input, including formulas. In this exa...">

.. only:: html

  .. image:: /gallery/widgets/images/thumb/sphx_glr_textbox_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_widgets_textbox.py`

.. raw:: html

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


.. raw:: html

    </div>


Userdemo
========



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Annotate Explain">

.. only:: html

  .. image:: /gallery/userdemo/images/thumb/sphx_glr_annotate_explain_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_userdemo_annotate_explain.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Annotate Text Arrow">

.. only:: html

  .. image:: /gallery/userdemo/images/thumb/sphx_glr_annotate_text_arrow_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_userdemo_annotate_text_arrow.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Annotate Text Arrow</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="When creating an annotation using ~.Axes.annotate, the arrow shape can be controlled via the co...">

.. only:: html

  .. image:: /gallery/userdemo/images/thumb/sphx_glr_connectionstyle_demo_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_userdemo_connectionstyle_demo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Connection styles for annotations</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates the implementation of a custom .BoxStyle. Custom .ConnectionStyle\s a...">

.. only:: html

  .. image:: /gallery/userdemo/images/thumb/sphx_glr_custom_boxstyle01_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_userdemo_custom_boxstyle01.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Custom box styles</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates the use of .pyplot.subplot2grid to generate subplots.  Using .GridSpe...">

.. only:: html

  .. image:: /gallery/userdemo/images/thumb/sphx_glr_demo_gridspec01_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_userdemo_demo_gridspec01.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates the use of .GridSpec to generate subplots, the control of the relativ...">

.. only:: html

  .. image:: /gallery/userdemo/images/thumb/sphx_glr_demo_gridspec03_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_userdemo_demo_gridspec03.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates the use of nested .GridSpec\s.">

.. only:: html

  .. image:: /gallery/userdemo/images/thumb/sphx_glr_demo_gridspec06_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_userdemo_demo_gridspec06.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="PGF fonts">

.. only:: html

  .. image:: /gallery/userdemo/images/thumb/sphx_glr_pgf_fonts_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_userdemo_pgf_fonts.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="PGF preamble">

.. only:: html

  .. image:: /gallery/userdemo/images/thumb/sphx_glr_pgf_preamble_sgskip_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_userdemo_pgf_preamble_sgskip.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="PGF texsystem">

.. only:: html

  .. image:: /gallery/userdemo/images/thumb/sphx_glr_pgf_texsystem_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_userdemo_pgf_texsystem.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Simple Annotate01">

.. only:: html

  .. image:: /gallery/userdemo/images/thumb/sphx_glr_simple_annotate01_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_userdemo_simple_annotate01.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Simple Legend01">

.. only:: html

  .. image:: /gallery/userdemo/images/thumb/sphx_glr_simple_legend01_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_userdemo_simple_legend01.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Simple Legend02">

.. only:: html

  .. image:: /gallery/userdemo/images/thumb/sphx_glr_simple_legend02_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_userdemo_simple_legend02.py`

.. raw:: html

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


.. raw:: html

    </div>


.. toctree::
   :hidden:
   :includehidden:


   /gallery/lines_bars_and_markers/index.rst
   /gallery/images_contours_and_fields/index.rst
   /gallery/subplots_axes_and_figures/index.rst
   /gallery/statistics/index.rst
   /gallery/pie_and_polar_charts/index.rst
   /gallery/text_labels_and_annotations/index.rst
   /gallery/color/index.rst
   /gallery/shapes_and_collections/index.rst
   /gallery/style_sheets/index.rst
   /gallery/pyplots/index.rst
   /gallery/axes_grid1/index.rst
   /gallery/axisartist/index.rst
   /gallery/showcase/index.rst
   /gallery/animation/index.rst
   /gallery/event_handling/index.rst
   /gallery/misc/index.rst
   /gallery/mplot3d/index.rst
   /gallery/scales/index.rst
   /gallery/specialty_plots/index.rst
   /gallery/spines/index.rst
   /gallery/ticks/index.rst
   /gallery/units/index.rst
   /gallery/user_interfaces/index.rst
   /gallery/widgets/index.rst
   /gallery/userdemo/index.rst


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