reformat overview by adding html and css file, updated app.py file and added utils folder for color schema
9acc5c1
| <html> | |
| <head> | |
| <link rel="stylesheet" href="file/style.css" /> | |
| <link rel="preconnect" href="https://fonts.googleapis.com" /> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> | |
| <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap" rel="stylesheet" /> | |
| <title>Medical Image Classification with MONAI - Pathology Nuclei Segmentation Classification</title> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <h1 class="title">Medical Image Classification with MONAI - Pathology Nuclei Segmentation Classification</h1> | |
| <h2 class="subtitle">Kalbe Digital Lab</h2> | |
| <section class="overview"> | |
| <div class="grid-container"> | |
| <h3 class="overview-heading"><span class="vl">Overview</span></h3> | |
| <div class="overview-content"> | |
| <p> | |
| A simultaneous segmentation of nuclei within multitissue histology images. <br /> | |
| References: <a href="https://arxiv.org/abs/1812.06499" target="_blank">https://arxiv.org/abs/1812.06499</a> | |
| </p> | |
| </div> | |
| </div> | |
| <div class="grid-container"> | |
| <h3 class="overview-heading"><span class="vl">Dataset</span></h3> | |
| <div class="overview-content"> | |
| <p>The model is trained with multi-tissue histology images based on <a href="https://warwick.ac.uk/fac/cross_fac/tia/data/hovernet/" target="_blank">CoNSeP dataset.</a></p> | |
| <ul> | |
| <li>Target: Nuclei</li> | |
| <li>Task: Instance Segmentation</li> | |
| <li>Modality: RGB images</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="grid-container"> | |
| <h3 class="overview-heading"><span class="vl">Model Architecture</span></h3> | |
| <div class="overview-content"> | |
| <p>Overview approach for simultaneous nuclear instance segmentation.</p> | |
| <img class="content-image" src="file/figures/OverviewNucleiSegmentationClassification.jpg" alt="model-architecture" /> | |
| </div> | |
| </div> | |
| </section> | |
| <h3 class="overview-heading"><span class="vl">Demo</span></h3> | |
| <p class="overview-content">Please select or upload a histology image to see nuclei segmentation capabilities of this model</p> | |
| </div> | |
| </body> | |
| </html> | |