Add example images to readme

Author: MarcelRosier

panoptica/README.md

@@ -1,9 +1,13 @@
 # Panoptica Tutorials
 
-This folder contains several Jupyter notebooks to showcase different possible use cases of the [panoptica package](https://github.com/BrainLesion/panoptica).
+This folder contains several Jupyter notebooks to showcase different possible use cases of the [panoptica package](https://github.com/BrainLesion/panoptica).  
+The package allows to compute instance-wise segmentation quality metrics for 2D and 3D semantic- and instance segmentation maps.
 
 ## Notebooks
 ### Semantic: Spine example
+
+<img src="https://github.com/BrainLesion/panoptica/blob/main/examples/figures/semantic.png?raw=true" alt="semantic_figure" height="300"/>
+
 `example_spine_semantic.ipynb`  
 
 [![nbviewer](https://raw.githubusercontent.com/jupyter/design/master/logos/Badges/nbviewer_badge.svg)](https://nbviewer.jupyter.org/github/BrainLesion/tutorials/blob/main/panoptica/example_spine_semantic.ipynb)
@@ -12,15 +16,21 @@ This folder contains several Jupyter notebooks to showcase different possible us
 </a>
 
 ### Matched Instance: Spine example
+
+<img src="https://github.com/BrainLesion/panoptica/blob/main/examples/figures/matched_instance.png?raw=true" alt="matched_instance_figure" height="300"/>
+
+
 `example_spine_matched_instance.ipynb`  
 
 [![nbviewer](https://raw.githubusercontent.com/jupyter/design/master/logos/Badges/nbviewer_badge.svg)](https://nbviewer.jupyter.org/github/BrainLesion/tutorials/blob/main/panoptica/example_spine_matched_instance.ipynb)
 <a target="_blank" href="https://colab.research.google.com/github/BrainLesion/tutorials/blob/main/panoptica/example_spine_matched_instance.ipynb">
   <img src="https://colab.research.google.com/assets/colab-badge.svg" alt="Open In Colab"/>
 </a>
 
-
 ### Unmatched Instance: Spine example
+
+<img src="https://github.com/BrainLesion/panoptica/blob/main/examples/figures/unmatched_instance.png?raw=true" alt="unmatched_instance_figure" height="300"/>
+
 `example_spine_unmatched_instance.ipynb`  
 
 [![nbviewer](https://raw.githubusercontent.com/jupyter/design/master/logos/Badges/nbviewer_badge.svg)](https://nbviewer.jupyter.org/github/BrainLesion/tutorials/blob/main/panoptica/example_spine_unmatched_instance.ipynb)
@@ -29,6 +39,7 @@ This folder contains several Jupyter notebooks to showcase different possible us
 </a>
 
 
+
 ### Matching: Spine example
 `example_spine_matching_algorithm.ipynb`