Hugging Face's logo

Spaces:
saurabh091
/
WBC_Detection_Using_Yolo11
Sleeping

App Files Community
WBC_Detection_Using_Yolo11
File size: 5,188 Bytes 
765a6c6
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
080f27c
765a6c6
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
a5cae9d
765a6c6
 
8fa6dcb
765a6c6
4a9a4e6
765a6c6
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
b5a6350
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
 
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>

  <style>

      .outer-box {
      position: relative; /* Necessary for positioning relative to this element */
      display: inline-block; /* Make the outer box inline-block to allow positioning relative to it */
      padding: 5px 10px;
      border: 1px solid white;
      margin-left: 350px;
      margin-bottom: 5px;
      border-radius: 30px; /* Add rounded corners */
    }
    body{
        background: linear-gradient(135deg, #1a1b2d, #2c3e50, #34495e, #3b3f73);
        width: 1480px; /* Set width to 1480 pixels */
        min-height: 100vh; /* Ensure body is at least the height of the viewport */
        padding: 15px;
        }

     #docs a {
      width: 400px;
      margin:20px;
      padding: 40px;
      height: 30px;
      display: block;
      border-radius: 10px; /* Adjust the value for more or less roundness */
      color: white;
      text-decoration: none;
      padding: 5px 16px;
    }

  #docs a:hover {
      color: white;
      background-color: #0d6efd;
    }

  .table-container {
            overflow-x: auto;
            max-width: 100%;
        }

    table {
        border-collapse: collapse;
        width: auto;
        white-space: nowrap;
    }

    table, th, td {
        border: 2px solid White;
        padding: 8px;
    }
  </style>

  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">

</head>

<body class="text-light">
<div class="outer-box"><h1>  WBC's Object Detection Using YOLO 11 </h1> </div>

    <br>
     <ul class="nav nav-pills">
      <li class="link-primary">
        <a class="nav-link " aria-current="page" href="/index">Home</a>
      </li>
      <li class="link-primary">
        <a class="nav-link" href="/wbc_info">WBC's Info</a>
      </li>
      <li class="link-primary">
        <a class="nav-link active" href="/document">Documentations</a>
      </li>
    </ul>

    <br>

  <h2>Here are links to the project's key components:</h2>
  <nav id="docs">
    <ul>
      <li><a href="https://www.linkedin.com/in/saurabh-maulekhi-326584241/" target="_blank" rel="noopener noreferrer"><b>Linked Profile</b></a></li>
      <li><a href="https://www.kaggle.com/code/saurabhmaulekhi/yolo-2017-v1-paper-reimplementation" target="_blank" rel="noopener noreferrer"><b>YOLO V1 Paper Reimplimentation</b></a></li>
      <li><a href="https://www.kaggle.com/code/saurabhmaulekhi/wbc-object-detection-using-yolo-11" target="_blank" rel="noopener noreferrer"><b>ML Model Deployment (Kaggle NoteBook)</b></a></li>
      <li><a href="https://github.com/Saurabh-Maulekhi/WBCs-s-Object-Detection" target="_blank" rel="noopener noreferrer"><b>Github Repo</b></a></li>
      <li><a href="https://www.kaggle.com/models/saurabhmaulekhi/wbc_detection_with_yolo11" target="_blank" rel="noopener noreferrer"><b> Model Download</b></a></li>
      <li><a href="https://www.linkedin.com/posts/saurabh-maulekhi-326584241_machinelearning-deeplearning-yolo-activity-7299077257233321984-Y5z_?utm_source=share&utm_medium=member_desktop&rcm=ACoAADwQMM4BXaCYT_LwYhxeLC7BWY3KrAVFQOY" target="_blank" rel="noopener noreferrer"><b> Explain/Demo video</b></a></li>
    </ul>
  </nav>

<br>
<h2>Detailed Epoch Training Metrics and Performance:</h2>
    <br> <br>
<!--    getting image from th github repo-->
    <img src="https://raw.githubusercontent.com/Saurabh-Maulekhi/WBCs-s-Object-Detection/refs/heads/main/Documents/results.png" width="1500" height="500"  class="figure-img img-fluid rounded" alt="Error">
    <br> <br>
    <img src="https://raw.githubusercontent.com/Saurabh-Maulekhi/WBCs-s-Object-Detection/refs/heads/main/Documents/confusion_matrix.png" width="700" height="500" class="img-thumbnail" alt="Error">
    <img src="https://raw.githubusercontent.com/Saurabh-Maulekhi/WBCs-s-Object-Detection/refs/heads/main/Documents/confusion_matrix_normalized.png" width="700" height="500" class="img-thumbnail" alt="Error">

    <br> <br>
    <img src="https://raw.githubusercontent.com/Saurabh-Maulekhi/WBCs-s-Object-Detection/refs/heads/main/Documents/F1_curve.png" width="700" height="500" class="img-thumbnail" alt="Error">
    <img src="https://raw.githubusercontent.com/Saurabh-Maulekhi/WBCs-s-Object-Detection/refs/heads/main/Documents/P_curve.png" width="700" height="500" class="img-thumbnail" alt="Error">

    <br> <br> <br>

    <h3><u>Training Table:</u></h3>

    <br><br>

    <div class="table-container">
        <table class="table-bordered">
            <thead>
                <tr>
                    {% for column in columns %}
                    <th><b>{{ column }}</b></th>
                    {% endfor %}
                </tr>
            </thead>
            <tbody>
                {% for row in data %}
                <tr>
                    {% for column in columns %}
                    <td>{{ row[column] }}</td>
                    {% endfor %}
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

</body>
</html>