<!-- images can have any resolution, but need to have ratio W x H = 3 x 2 -->

# Tutorials

Notebooks tailored to showcase specific functionalities of the SpatialData ecosystem.

```{eval-rst}
.. grid:: 2 3 3 3

    .. grid-item::

        .. container:: custom-card

            .. image:: _static/img/transformations.jpg
                :target: notebooks/examples/transformations.html

            .. toctree::
                :maxdepth: 1

                notebooks/examples/transformations.ipynb

    .. grid-item::

        .. container:: custom-card

            .. image:: _static/img/densenet.png
                :target: notebooks/examples/densenet.html

            .. toctree::
                :maxdepth: 1

                notebooks/examples/densenet.ipynb

    .. grid-item::

        .. container:: custom-card

            .. image:: _static/img/spatial_query.jpg
                :target: notebooks/examples/spatial_query.html

            .. toctree::
                :maxdepth: 1

                notebooks/examples/spatial_query.ipynb

    .. grid-item::

        .. container:: custom-card

            .. image:: _static/img/napari_rois.jpg
                :target: notebooks/examples/napari_rois.html

            .. toctree::
                :maxdepth: 1

                notebooks/examples/napari_rois.ipynb

    .. grid-item::

        .. container:: custom-card

            .. image:: _static/img/alignment_using_landmarks.png
                :target: notebooks/examples/alignment_using_landmarks.html

            .. toctree::
                :maxdepth: 1

                notebooks/examples/alignment_using_landmarks.ipynb

    .. grid-item::

        .. container:: custom-card

            .. image:: _static/img/aggregation.jpg
                :target: notebooks/examples/aggregation.html

            .. toctree::
                :maxdepth: 1

                notebooks/examples/aggregation.ipynb

    .. grid-item::

        .. container:: custom-card

            .. image:: _static/img/squidpy_integration.jpg
                :target: notebooks/examples/squidpy_integration.html

            .. toctree::
                :maxdepth: 1

                notebooks/examples/squidpy_integration.ipynb

```

## Visualizations

Many different technologies can be visualised out-of-the-box. See below for a couple of examples. See the [example datasets](datasets/README.md) for additional technologies represented in SpatialData.

```{eval-rst}
.. grid:: 2 3 3 3

    .. grid-item::

        .. container:: custom-card

            .. image:: _static/img/visium.png
                :target: notebooks/examples/technology_visium.html

            .. toctree::
                :maxdepth: 1

                notebooks/examples/technology_visium.ipynb

    .. grid-item::

        .. container:: custom-card

            .. image:: _static/img/mibitof.png
                :target: notebooks/examples/technology_mibitof.html

            .. toctree::
                :maxdepth: 1

                notebooks/examples/technology_mibitof.ipynb

    .. grid-item::

        .. container:: custom-card

            .. image:: _static/img/merfish.png
                :target: notebooks/examples/technology_merfish.html

            .. toctree::
                :maxdepth: 1

                notebooks/examples/technology_merfish.ipynb

    .. grid-item::

        .. container:: custom-card

            .. image:: _static/img/cosmx.png
                :target: notebooks/examples/technology_cosmx.html

            .. toctree::
                :maxdepth: 1

                notebooks/examples/technology_cosmx.ipynb

    .. grid-item::

        .. container:: custom-card

            .. image:: _static/img/speed.png
                :target: notebooks/examples/speed_up_illustration.html

            .. toctree::
                :maxdepth: 1

                notebooks/examples/speed_up_illustration.ipynb


```