feat: Add table for displaying mAP values for object detection models

index.html

@@ -675,6 +675,40 @@ <h2 class="title is-3">Tracking Algorithm</h2>
                 entire field and the complex interactions of the players.
               </p>
             </div>
+
+            <table
+              class="table is-bordered is-narrow is-primary is-striped is-hoverable is-fullwidth"
+            >
+              <caption style="caption-side: top">
+                Mean Average Precision (mAP) of the Object Detection Models
+                (YOLOv8).
+              </caption>
+              <thead>
+                <tr>
+                  <th>Model</th>
+                  <th>Pre-trained</th>
+                  <th>Fine-tuned</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <td>Football</td>
+                  <td>11.2</td>
+                  <td>52.7</td>
+                </tr>
+                <tr>
+                  <td>Basketball</td>
+                  <td>15.4</td>
+                  <td>68.6</td>
+                </tr>
+                <tr>
+                  <td>Handball</td>
+                  <td>9.8</td>
+                  <td>71.0</td>
+                </tr>
+              </tbody>
+            </table>
+
             <table
               class="table is-bordered is-narrow is-primary is-striped is-hoverable is-fullwidth"
             >