Update app.py

app.py

@@ -15,7 +15,7 @@ def analyze_multilingual_sentences(text):
     # Splits de input op nieuwe regels (elke regel is een aparte zin)
     sentences = [s.strip() for s in text.split("\n") if s.strip()]
     
-    # Detecteer de taal van de eerste zin als referentie (kan niet per zin)
+    # Detecteer de taal van de eerste zin als referentie
     detected_lang = langdetect.detect(sentences[0]) if sentences else "en"
 
     # Vertaal alleen als de tekst NIET in het Engels is
@@ -32,27 +32,27 @@ def analyze_multilingual_sentences(text):
     negative_count = sum(1 for r in results if r['label'] == "LABEL_0")  # NEGATIVE
     neutral_count = len(results) - (positive_count + negative_count)  # NEUTRAL
 
-    # Maak een overzichtelijke output
-    output = "**🌍 Sentiment Analysis Results:**\n\n"
+    # Maak een overzichtelijke output met kleur per sentiment
+    output = "<h3>🌍 Sentiment Analysis Results:</h3><br>"
     for original, translated, result in zip(sentences, translated_sentences, results):
         sentiment_label = result['label']
         score = result['score']
 
-        # Bepaal sentiment en emoji
+        # Kleurcodes per sentiment
         if sentiment_label == "LABEL_2":
             sentiment = "POSITIVE"
-            emoji = "😊"
+            color = "green"
         elif sentiment_label == "LABEL_0":
             sentiment = "NEGATIVE"
-            emoji = "😡"
+            color = "red"
         else:
             sentiment = "NEUTRAL"
-            emoji = "🟦"
+            color = "blue"
 
-        output += f"📌 **'{original}'**\n"
+        output += f"<p><b>📌 '{original}'</b></p>"
         if detected_lang != "en":  # Alleen vertaling tonen als invoer niet in het Engels is
-            output += f"🔄 **Translation:** {translated}\n"
-        output += f"📊 **Sentiment:** {emoji} {sentiment} ({score:.2f})\n\n"
+            output += f"<p>🔄 <i>Translation:</i> {translated}</p>"
+        output += f"<p style='color: {color}; font-weight: bold;'>📊 Sentiment: {sentiment} ({score:.2f})</p><hr>"
 
     # Maak een grafiek met de sentimentverdeling
     labels = ["Positive", "Neutral", "Negative"]
@@ -63,44 +63,57 @@ def analyze_multilingual_sentences(text):
     ax.pie(values, labels=labels, autopct='%1.1f%%', startangle=90, colors=colors)
     ax.axis("equal")  # Gelijke assen voor een ronde taartdiagram
 
-    return output, fig
+    # Extra voorbeeldzinnen direct zichtbaar na de output
+    output += """
+    <h3>💡 Try More Sentences:</h3>
+    <ul>
+        <li>I woke up at 5 AM and went for a run.</li>
+        <li>This is the worst movie I have ever seen.</li>
+        <li>Just got a puppy, and I'm in love!</li>
+        <li>The weather is so boring today.</li>
+        <li>I forgot my homework and now I'm panicking.</li>
+        <li>This song makes me feel amazing.</li>
+        <li>My internet just crashed, life is over.</li>
+    </ul>
+    """
 
-# Voorbeelden gesplitst in boven en onder
-examples_top = [
-    ["I just aced my exam. My cat knocked over my coffee. Pineapple on pizza is the best debate of our generation."],
-    ["Woke up feeling like the main character. Spilled my cereal and questioned my life choices. This app better not judge me."],
-    ["Mondays should be illegal. I found a sock that’s been missing for six months. The WiFi went out, total meltdown mode."]
-]
+    return output, fig
 
-examples_bottom = [
-    ["Bought a plant, named it Kevin. Kevin is already dying. Send help and sunlight."],
-    ["Coffee is my entire personality now. Just danced in the rain and felt like I was in a movie. AI, tell me if I’m emotionally stable."],
-    ["I accidentally sent ‘love you’ to my boss. Had ice cream for breakfast because why not. My dog just ignored me, rude."]
-]
+# Lijst met voorbeelden als HTML-lijst voor duidelijke weergave
+example_sentences = """
+    <div style='font-size: 16px; font-weight: bold; text-align: left; color: #333; margin-top: 10px;'>
+        <p>🔹 Enter sentences line by line:</p>
+        <ul>
+            <li>I just aced my exam.</li>
+            <li>My cat knocked over my coffee.</li>
+            <li>Pineapple on pizza is the best debate of our generation.</li>
+            <li>Woke up feeling like the main character.</li>
+            <li>Spilled my cereal and questioned my life choices.</li>
+            <li>This app better not judge me.</li>
+        </ul>
+    </div>
+"""
 
-# Gradio-interface met tekstanalyse en een grafiek
+# Gradio-interface met duidelijke instructies en styling
 demo = gr.Interface(
     fn=analyze_multilingual_sentences,
     inputs=gr.Textbox(
         lines=5,
         placeholder="Hey there! Drop some sentences (one per line) and get instant sentiment vibes—positive, neutral, or negative...",
     ),
-    outputs=["text", "plot"],
+    outputs=["html", "plot"],  # HTML output zodat kleuren en opmaak goed werken
     title="🌍 Multilingual Sentiment Analysis with Graph Feedback",
-    description="""
+    description=f"""
     <div style='font-size: 18px; font-weight: bold; text-align: center; color: #333;'>
-        Enter sentences in any language—this AI-powered app translates, analyzes the vibe, and shows the results in a cool summary & chart.
+        Enter sentences in any language, <b>one per line</b>. 
+        This AI-powered app translates, analyzes the vibe, and shows the results in a cool summary & chart.
     </div>
+    {example_sentences}
     """,
-    examples=examples_top,  # Eerste drie voorbeelden boven
     theme="default",
     allow_flagging="never"
 )
 
-# Extra voorbeeldsectie onder het invoerveld
-extra_examples = gr.Examples(examples_bottom, inputs=demo.input_components)
-
 # Start de app
 demo.launch()
-extra_examples.launch()