percentage update app.py

reformatted the percentage breakdown to look neater

app.py

@@ -34,7 +34,13 @@ def predict(image):
     # Calculate the percentage breakdown of predicted diseases
     percentage_breakdown = {disease: round(float(probability[0, index]) * 100, 2) for index, disease in enumerate(model.config.label2id)}
 
-    return leaf_category.capitalize(), disease_name.replace('_', ' ').capitalize(), percentage_breakdown
+    # Sort the percentage breakdown dictionary by values in descending order
+    sorted_percentage = dict(sorted(percentage_breakdown.items(), key=lambda item: item[1], reverse=True))
+
+    # Format the percentage breakdown for printing
+    formatted_percentage = '\n'.join([f"{disease.replace('___', ' Leaf - ').replace('_', ' ').capitalize()}: {percentage}%" for disease, percentage in sorted_percentage.items()])
+
+    return leaf_category.capitalize(), disease_name.replace('_', ' ').capitalize(), formatted_percentage
 
 # Gradio interface setup with separate boxes for Leaf Type, Identified Disease, and Percentage Breakdown
 interface = gr.Interface(
@@ -43,10 +49,10 @@ interface = gr.Interface(
     outputs=[
         gr.Textbox(label="Leaf Type:"),
         gr.Textbox(label="Identified Disease:"),
-        gr.JSON(label="Percentage Breakdown:")
+        gr.Textbox(label="Percentage Breakdown:")
     ],
     title="Plant Disease Identifier",
     description="Quick Tip: If the image results do not match, consider taking a picture of the leaf against a clean white background for improved accuracy and better identification of plant diseases."
 )
 
-interface.launch(debug=True)  # Start server and launch the UI
+interface.launch(debug=True)  # Start server and launch the UI