Tutorial
=====

This page provides links to step-by-step tutorials for key components of **UniST**.
Click any card below to jump to the corresponding tutorial.

Core Reconstruction Modules
---------------------------

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

   .. grid-item-card::
      :link: upsampling
      :link-type: doc

      .. div:: sd-font-weight-bold sd-fs-6 sd-text-center sd-mb-3

         **Upsampling**

      .. div:: sd-mb-2

      .. image:: _static/upsampling.png
         :width: 90%
         :align: center

   .. grid-item-card::
      :link: interpolation
      :link-type: doc

      .. div:: sd-font-weight-bold sd-fs-6 sd-text-center sd-mb-3

         **Interpolation**

      .. image:: _static/interpolation.png
         :width: 90%
         :align: center

   .. grid-item-card::
      :link: gene_imputation
      :link-type: doc

      .. div:: sd-font-weight-bold sd-fs-6 sd-text-center sd-mb-3

         **Gene imputation**

      .. image:: _static/gene_expression.png
         :width: 100%
         :align: center

Downstream Analysis & Visualization
-----------------------------------

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

   .. grid-item-card::
      :link: cell_annotation
      :link-type: doc

      .. div:: sd-font-weight-bold sd-fs-6 sd-text-center sd-mb-3

         **Cell Annotation**

      .. div:: sd-mb-2

      .. image:: _static/cell_annotation.png
         :width: 100%
         :align: center

   .. grid-item-card::
      :link: pseudo_slices
      :link-type: doc

      .. div:: sd-font-weight-bold sd-fs-6 sd-text-center sd-mb-3

         **Pseudo-slices**

      .. image:: _static/pseudo-slices.png
         :width: 80%
         :align: center

   .. grid-item-card::
      :link: morpho_operator
      :link-type: doc

      .. div:: sd-font-weight-bold sd-fs-6 sd-text-center sd-mb-3

         **Morphological Operators**

      .. image:: _static/morpho_operator.png
         :width: 80%
         :align: center

   .. grid-item-card::
      :link: quant
      :link-type: doc

      .. div:: sd-font-weight-bold sd-fs-6 sd-text-center sd-mb-3

         **Quantitative Assessment**

      .. image:: _static/quant.png
         :width: 70%
         :align: center

   .. grid-item-card::
      :link: animation
      :link-type: doc

      .. div:: sd-font-weight-bold sd-fs-6 sd-text-center sd-mb-3

         **Animation**

      .. image:: _static/animation.png
         :width: 70%
         :align: center

   .. grid-item-card::
      :link: vis_paraview
      :link-type: doc

      .. div:: sd-font-weight-bold sd-fs-6 sd-text-center sd-mb-3

         **ParaView Visualization**

      .. image:: _static/vis_paraview.png
         :width: 70%
         :align: center