Tutorials
=========

This section contains a series of tutorials to help you use the Megabouts package for zebrafish locomotion analysis.

Loading tracking data
=====================

.. grid:: 1 2 2 2
   :gutter: 3

   .. grid-item-card::
      :link: notebooks/Loading_Data
      :link-type: doc
      :shadow: none
      :class-card: example-gallery

      .. raw:: html

         <div class="example-img-plot-overlay">
         Loading Data
         </div>

      .. image:: _static/images/thumbnail_loading_data.png
         :alt: Thumbnail for Loading Data Notebook
         :class: gallery-thumbnail

Preprocessing
=============

.. grid:: 1 2 2 2
   :gutter: 3

   .. grid-item-card::
      :link: notebooks/tutorial_Tail_Preprocessing
      :link-type: doc
      :shadow: none
      :class-card: example-gallery

      .. raw:: html

         <div class="example-img-plot-overlay">
         Tail Angle Preprocessing
         </div>

      .. image:: _static/images/thumbnail_tail_preprocessing.png
         :alt: Thumbnail for Tail Preprocessing Notebook
         :class: gallery-thumbnail

   .. grid-item-card::
      :link: notebooks/tutorial_Traj_Preprocessing
      :link-type: doc
      :shadow: none
      :class-card: example-gallery

      .. raw:: html

         <div class="example-img-plot-overlay">
         Trajectory Preprocessing
         </div>

      .. image:: _static/images/thumbnail_traj_preprocessing.png
         :alt: Thumbnail for Trajectory Preprocessing Notebook
         :class: gallery-thumbnail

Segmentation
============

.. grid:: 1 2 2 2
   :gutter: 3

   .. grid-item-card::
      :link: notebooks/tutorial_Tail_Segmentation
      :link-type: doc
      :shadow: none
      :class-card: example-gallery

      .. raw:: html

         <div class="example-img-plot-overlay">
         Tail Segmentation
         </div>

      .. image:: _static/images/thumbnail_tail_segmentation.png
         :alt: Thumbnail for Tail Segmentation Notebook
         :class: gallery-thumbnail

   .. grid-item-card::
      :link: notebooks/tutorial_Traj_Segmentation
      :link-type: doc
      :shadow: none
      :class-card: example-gallery

      .. raw:: html

         <div class="example-img-plot-overlay">
         Trajectory Segmentation
         </div>

      .. image:: _static/images/thumbnail_traj_segmentation.png
         :alt: Thumbnail for Trajectory Segmentation Notebook
         :class: gallery-thumbnail

Classification
==============

.. grid:: 1 2 2 2
   :gutter: 3

   .. grid-item-card::
      :link: notebooks/tutorial_Tail_Classification
      :link-type: doc
      :shadow: none
      :class-card: example-gallery

      .. raw:: html

         <div class="example-img-plot-overlay">
         Tail Bout Classification
         </div>

      .. image:: _static/images/thumbnail_tail_classification.png
         :alt: Thumbnail for Classification Notebook
         :class: gallery-thumbnail

Freely-swimming Pipeline
========================

.. grid:: 1 2 2 2
   :gutter: 3

   .. grid-item-card::
      :link: notebooks/tutorial_FullTracking_Pipeline
      :link-type: doc
      :shadow: none
      :class-card: example-gallery

      .. raw:: html

         <div class="example-img-plot-overlay">
         High Resolution Full Tracking
         </div>

      .. image:: _static/images/thumbnail_high_res_full_tracking.png
         :alt: Thumbnail for High Resolution Full Tracking Notebook
         :class: gallery-thumbnail

   .. grid-item-card::
      :link: notebooks/tutorial_TrajTracking_Pipeline
      :link-type: doc
      :shadow: none
      :class-card: example-gallery

      .. raw:: html

         <div class="example-img-plot-overlay">
         Low Resolution Head Tracking
         </div>

      .. image:: _static/images/thumbnail_low_res_traj_tracking.png
         :alt: Thumbnail for Low Resolution Head Tracking Notebook
         :class: gallery-thumbnail

Head-restrained Pipeline
=========================

.. grid:: 1 2 2 2
   :gutter: 3

   .. grid-item-card::
      :link: notebooks/tutorial_HeadRestrained_Pipeline
      :link-type: doc
      :shadow: none
      :class-card: example-gallery

      .. raw:: html

         <div class="example-img-plot-overlay">
         Head-restrained Pipeline
         </div>

      .. image:: _static/images/thumbnail_head_restrained.png
         :alt: Thumbnail for Head-restrained Pipeline Notebook
         :class: gallery-thumbnail