fix the bar chart

app.py

@@ -41,11 +41,15 @@ def predict_emotion(text):
         predictions = classifier(text)[0]
         logger.info(f"Raw predictions: {predictions}")
         
-        # Convert to dictionary format for the bar chart
-        scores = {pred['label']: float(pred['score']) for pred in predictions}
+        # Convert predictions to the format Gradio's BarPlot expects
+        # We need a list of tuples (emotion, score)
+        scores = [(pred['label'], float(pred['score'])) for pred in predictions]
         logger.info(f"Processed scores: {scores}")
         
-        return scores
+        return (
+            [score[0] for score in scores],  # x values (emotions)
+            [score[1] for score in scores]   # y values (probabilities)
+        )
         
     except Exception as e:
         logger.error(f"Error in prediction: {str(e)}")
@@ -60,13 +64,15 @@ try:
     demo = gr.Interface(
         fn=predict_emotion,
         inputs=gr.Textbox(placeholder="Enter text to analyze...", label="Input Text"),
-        outputs=gr.BarPlot(
-            x="emotion",
-            y="probability",
-            title="Emotion Probabilities",
-            tooltip=["emotion", "probability"],
-            height=400
-        ),
+        outputs=[
+            gr.BarPlot(
+                title="Emotion Probabilities",
+                x_title="Emotion",
+                y_title="Probability",
+                height=400,
+                vertical=False
+            )
+        ],
         title="Emotion Detection with DistilBERT",
         description="This app uses the DistilBERT model fine-tuned for emotion detection. Enter any text to analyze its emotional content.",
         examples=[