.. _sphx_glr_gallery_ms_bokeh:

BOKEH Plots
===========

These examples are generated if `backend='ms_bokheh'`. Interactive plots are supported and rendering is typically faster than the PLOTLY backend. 



.. raw:: html

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

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This shows a peakmap across m/z and retention time. This peakmap is quite clean because signals are extracted across the m/z dimension.">

.. only:: html

  .. image:: /gallery/ms_bokeh/images/thumb/sphx_glr_plot_peakmap_ms_bokeh_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ms_bokeh_plot_peakmap_ms_bokeh.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example plots a peakmap with marginals by setting add_marginals=True A chromatogram is shown along the x-axis and a spectrum is shown along the y-axis.">

.. only:: html

  .. image:: /gallery/ms_bokeh/images/thumb/sphx_glr_plot_peakmap_marginals_ms_bokeh_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ms_bokeh_plot_peakmap_marginals_ms_bokeh.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows a chromatogram colored by mass trace. Since all fragment ion spectra coelute this provides strong evidence that the peptide is present.">

.. only:: html

  .. image:: /gallery/ms_bokeh/images/thumb/sphx_glr_plot_chromatogram_ms_bokeh_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ms_bokeh_plot_chromatogram_ms_bokeh.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example makes a simple plot This example shows how to use different approaches.">

.. only:: html

  .. image:: /gallery/ms_bokeh/images/thumb/sphx_glr_plot_mobilogram_ms_bokeh_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ms_bokeh_plot_mobilogram_ms_bokeh.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows a spectrum from extracted data. No binning is applied.">

.. only:: html

  .. image:: /gallery/ms_bokeh/images/thumb/sphx_glr_plot_spectrum_dia_ms_bokeh_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ms_bokeh_plot_spectrum_dia_ms_bokeh.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Spectrum of Extracted DIA Data ms_bokeh</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows a spectrum.  We can add the ion_annotation and sequence annotation by specifying these columns.">

.. only:: html

  .. image:: /gallery/ms_bokeh/images/thumb/sphx_glr_plot_spectrum_ms_bokeh_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ms_bokeh_plot_spectrum_ms_bokeh.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Here we show how we can plot multiple chromatograms across runs together">

.. only:: html

  .. image:: /gallery/ms_bokeh/images/thumb/sphx_glr_plot_spyogenes_subplots_ms_bokeh_thumb.png
    :alt:

  :ref:`sphx_glr_gallery_ms_bokeh_plot_spyogenes_subplots_ms_bokeh.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Plot Spyogenes subplots ms_bokeh</div>
    </div>


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /gallery/ms_bokeh/plot_peakmap_ms_bokeh
   /gallery/ms_bokeh/plot_peakmap_marginals_ms_bokeh
   /gallery/ms_bokeh/plot_chromatogram_ms_bokeh
   /gallery/ms_bokeh/plot_mobilogram_ms_bokeh
   /gallery/ms_bokeh/plot_spectrum_dia_ms_bokeh
   /gallery/ms_bokeh/plot_spectrum_ms_bokeh
   /gallery/ms_bokeh/plot_spyogenes_subplots_ms_bokeh