| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>Iris Flower Prediction</title> |
| </head> |
| <body> |
| <h1>Iris Flower Classifier</h1> |
| <form action="/predict" method="post"> |
| <label>Sepal Length:</label><br> |
| <input type="text" name="sepal_length" required><br> |
|
|
| <label>Sepal Width:</label><br> |
| <input type="text" name="sepal_width" required><br> |
|
|
| <label>Petal Length:</label><br> |
| <input type="text" name="petal_length" required><br> |
|
|
| <label>Petal Width:</label><br> |
| <input type="text" name="petal_width" required><br><br> |
|
|
| <input type="submit" value="Predict" style="color:green;"> |
| </form> |
|
|
| {% if data %} |
| <div class="result">The Flower Name is: {{ data }}</div> |
|
|
| {% if data == "setosa" %} |
| <img src="https://cdn-uploads.huggingface.co/production/uploads/6474405f90330355db146c76/wi5XEAVfDpNnTDM-cFlPE.png" alt="Iris Setosa"> |
| {% elif data == "versicolor" %} |
| <img src="https://cdn-uploads.huggingface.co/production/uploads/6474405f90330355db146c76/6aXkk_yp48P48-Fse89gY.png" alt="Iris Versicolor"> |
| {% elif data == "virginica" %} |
| <img src="https://cdn-uploads.huggingface.co/production/uploads/6474405f90330355db146c76/5TvdKlzh0RqGWzQx9dgE3.png" alt="Iris Virginica"> |
| {% else %} |
| <p>Not Found</p> |
| |
| {% endif %} |
| {% endif %} |
| |
|
|
|
|
| |
| </body> |
| </html> |
