Hugging Face's logo

Spaces:
saurabh091
/
WBC_Detection_Using_Yolo11
Sleeping

App Files
xet
Community
saurabh091 commited on
Commit
77ffd5a
·
verified ·
1 Parent(s): 4e6dbc7

Update templates/wbc_info.html

Browse files
Files changed (1) hide show
  1. templates/wbc_info.html +104 -104
templates/wbc_info.html CHANGED
@@ -1,105 +1,105 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <title>Title</title>
6
-
7
- <style>
8
-
9
- .outer-box {
10
- position: relative; /* Necessary for positioning relative to this element */
11
- display: inline-block; /* Make the outer box inline-block to allow positioning relative to it */
12
- padding: 5px 10px;
13
- border: 1px solid white;
14
- margin-left: 350px;
15
- margin-bottom: 5px;
16
- border-radius: 30px; /* Add rounded corners */
17
- }
18
-
19
- body{
20
- background: linear-gradient(135deg, #1a1b2d, #2c3e50, #34495e, #3b3f73);
21
- min-height: 100vh; /* Ensure body is at least the height of the viewport */
22
- padding: 15px;
23
- }
24
-
25
- table {
26
- width: 35%;
27
- border-collapse: collapse;
28
- }
29
- table, th, td {
30
- border: 2px solid white;
31
- }
32
- th, td {
33
- border: 2px white;
34
- padding: 5px;
35
- text-align: left;
36
- }
37
- </style>
38
-
39
- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
40
-
41
- </head>
42
- <body class="text-light">
43
- <div class="outer-box"><h1> WBC's Object Detection Using YOLO 11 </h1> </div>
44
-
45
- <br>
46
- <ul class="nav nav-pills">
47
- <li class="nav-item">
48
- <a class="nav-link " aria-current="page" href="/index">Home</a>
49
- </li>
50
- <li class="nav-item">
51
- <a class="nav-link active" href="/wbc_info">WBC's Info</a>
52
- </li>
53
- <li class="nav-item">
54
- <a class="nav-link" href="/document">Documentations</a>
55
- </li>
56
- </ul>
57
-
58
- <br> <br>
59
-
60
- <h2> Prediction Table Info:</h2>
61
- <ul>
62
- <li><h6> (x_min, y_min) → Co-ordinate of Top-Left corner of Bounding Box. </h6></li>
63
- <li><h6> (x_max, y_max) → Co-ordinate of Bottom-Right corner of Bounding Box. </h6></li>
64
- <li><h6> Confidence/Probability Score → Probability that model's Prediction is right. </h6></li>
65
- </ul>
66
-
67
- <br>
68
- <h2>Mapping of the ABbreviations to their Full Class Names :</h2>
69
- <br>
70
- <table class="table-bordered">
71
- <thead>
72
- <tr>
73
- <th>Full Name</th> <th>Abbreviation</th>
74
- </tr>
75
- </thead>
76
- <tbody >
77
- <tr> <td>Polynucléaire Neutrophiles</td> <td> PNN</td> </tr>
78
- <tr> <td>Leucémie aigüe myéloïde 3</td> <td> LAM3</td> </tr>
79
- <tr> <td>Cellules lysées</td> <td> Lysee </td> </tr>
80
- <tr> <td>Lymphoblastes</td> <td> LyB </td> </tr>
81
- <tr> <td>Monocytes</td> <td> MO</td> </tr>
82
- <tr> <td>LLC</td> <td> LLC</td> </tr>
83
- <tr> <td>Myéloblastes</td> <td> MBL</td> </tr>
84
- <tr> <td>Lymphocyte à grains</td> <td> LGL</td> </tr>
85
- <tr> <td>Polynucléaire Eosinophiles</td> <td> EO</td> </tr>
86
- <tr> <td>Plaquettes géantes</td> <td> Thromb</td> </tr>
87
- <tr> <td>Erythroblaste</td> <td> Er</td> </tr>
88
- <tr> <td>Blastes indifférenciés</td> <td> B</td> </tr>
89
- <tr> <td>Myélocytes</td> <td> M</td> </tr>
90
- <tr> <td>Lymphocytes</td> <td> LY</td> </tr>
91
- <tr> <td>Métamyélocytes</td> <td> MM</td> </tr>
92
- <tr> <td>Lymphome folliculaire</td> <td> LF</td> </tr>
93
- <tr> <td>Monoblastes</td> <td> MoB</td> </tr>
94
- <tr> <td>Promyélocytes</td> <td> PM</td> </tr>
95
- <tr> <td>Polynucléaire Basophiles</td> <td> BA</td> </tr>
96
- <tr> <td>Lymphocytes hyperbasophiles / activés</td> <td> LH_LyAc</td> </tr>
97
- <tr> <td>Lymphome du manteau</td> <td> LM</td> </tr>
98
- <tr> <td>Lymphome de la zone marginale ganglionnaire</td> <td> LZMG</td> </tr>
99
- <tr> <td>Cellules de Sézary</td> <td> SS</td> </tr>
100
-
101
- </tbody>
102
-
103
- </table>
104
- </body>
105
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <title>Title</title>
6
+
7
+ <style>
8
+
9
+ .outer-box {
10
+ position: relative; /* Necessary for positioning relative to this element */
11
+ display: inline-block; /* Make the outer box inline-block to allow positioning relative to it */
12
+ padding: 5px 10px;
13
+ border: 1px solid white;
14
+ margin-left: 350px;
15
+ margin-bottom: 5px;
16
+ border-radius: 30px; /* Add rounded corners */
17
+ }
18
+
19
+ body{
20
+ background: linear-gradient(135deg, #1a1b2d, #2c3e50, #34495e, #3b3f73);
21
+ min-height: 100vh; /* Ensure body is at least the height of the viewport */
22
+ padding: 15px;
23
+ }
24
+
25
+ table {
26
+ width: 35%;
27
+ border-collapse: collapse;
28
+ }
29
+ table, th, td {
30
+ border: 2px solid white;
31
+ }
32
+ th, td {
33
+ border: 2px white;
34
+ padding: 5px;
35
+ text-align: left;
36
+ }
37
+ </style>
38
+
39
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
40
+
41
+ </head>
42
+ <body class="text-light">
43
+ <div class="outer-box"><h1> WBC's Object Detection Using YOLO 11 </h1> </div>
44
+
45
+ <br>
46
+ <ul class="nav nav-pills">
47
+ <li class="nav-item">
48
+ <a class="nav-link " aria-current="page" href="/index">Home</a>
49
+ </li>
50
+ <li class="nav-item">
51
+ <a class="nav-link active" href="/wbc_info">WBC's Info</a>
52
+ </li>
53
+ <li class="nav-item">
54
+ <a class="nav-link" href="/document">Documentations</a>
55
+ </li>
56
+ </ul>
57
+
58
+ <br> <br>
59
+
60
+ <h2> Prediction Table Info:</h2>
61
+ <ul>
62
+ <li><h6> (x_min, y_min) → Co-ordinate of Top-Left corner of Bounding Box. </h6></li>
63
+ <li><h6> (x_max, y_max) → Co-ordinate of Bottom-Right corner of Bounding Box. </h6></li>
64
+ <li><h6> Confidence/Probability Score → Probability that model's Prediction is right. </h6></li>
65
+ </ul>
66
+
67
+ <br>
68
+ <h2>Mapping of the ABbreviations to their Full Class Names :</h2>
69
+ <br>
70
+ <table class="table-bordered">
71
+ <thead>
72
+ <tr>
73
+ <th><b>Full Name</b></th> <th><b>Abbreviation</b>b</th>
74
+ </tr>
75
+ </thead>
76
+ <tbody >
77
+ <tr> <td>Polynucléaire Neutrophiles</td> <td> PNN</td> </tr>
78
+ <tr> <td>Leucémie aigüe myéloïde 3</td> <td> LAM3</td> </tr>
79
+ <tr> <td>Cellules lysées</td> <td> Lysee </td> </tr>
80
+ <tr> <td>Lymphoblastes</td> <td> LyB </td> </tr>
81
+ <tr> <td>Monocytes</td> <td> MO</td> </tr>
82
+ <tr> <td>LLC</td> <td> LLC</td> </tr>
83
+ <tr> <td>Myéloblastes</td> <td> MBL</td> </tr>
84
+ <tr> <td>Lymphocyte à grains</td> <td> LGL</td> </tr>
85
+ <tr> <td>Polynucléaire Eosinophiles</td> <td> EO</td> </tr>
86
+ <tr> <td>Plaquettes géantes</td> <td> Thromb</td> </tr>
87
+ <tr> <td>Erythroblaste</td> <td> Er</td> </tr>
88
+ <tr> <td>Blastes indifférenciés</td> <td> B</td> </tr>
89
+ <tr> <td>Myélocytes</td> <td> M</td> </tr>
90
+ <tr> <td>Lymphocytes</td> <td> LY</td> </tr>
91
+ <tr> <td>Métamyélocytes</td> <td> MM</td> </tr>
92
+ <tr> <td>Lymphome folliculaire</td> <td> LF</td> </tr>
93
+ <tr> <td>Monoblastes</td> <td> MoB</td> </tr>
94
+ <tr> <td>Promyélocytes</td> <td> PM</td> </tr>
95
+ <tr> <td>Polynucléaire Basophiles</td> <td> BA</td> </tr>
96
+ <tr> <td>Lymphocytes hyperbasophiles / activés</td> <td> LH_LyAc</td> </tr>
97
+ <tr> <td>Lymphome du manteau</td> <td> LM</td> </tr>
98
+ <tr> <td>Lymphome de la zone marginale ganglionnaire</td> <td> LZMG</td> </tr>
99
+ <tr> <td>Cellules de Sézary</td> <td> SS</td> </tr>
100
+
101
+ </tbody>
102
+
103
+ </table>
104
+ </body>
105
  </html>