Update app.py

modified output layout; modified sorted_sentiments_output output from JSON to DataFrame

app.py

@@ -60,15 +60,25 @@ with gr.Blocks() as demo:
 
     # ----- OUTPUTS -----
     with gr.Row():
-        gr.Markdown("## 🗨️📈Public Sentiment Analytics")
-        sentiment_metrics_output = gr.JSON()
-        gr.Markdown("## 📊🗨️ Public Sentiments")
-        sorted_sentiments_output = gr.JSON()
+        with gr.Column(scale=3):
+            gr.Markdown("## 📊🗨️ Public Sentiments")
+            sorted_sentiments_output = gr.DataFrame(
+                show_label=True,
+                display_row_numbers=True,
+                height=300,
+                interactive=False,
+                wrap=True
+            )
+        with gr.Column(scale=2):
+            gr.Markdown("## 🗨️📈Public Sentiment Analytics")
+            sentiment_metrics_output = gr.JSON()
     with gr.Row():
-        gr.Markdown("## 📃🩺Participation Dynamics")
-        typology_output = gr.JSON()
-        gr.Markdown("## 📃🩺Reach & Equity")
-        pai_2_output = gr.JSON()             
+        with gr.Column(scale=1):
+            gr.Markdown("## 📃🩺Participation Dynamics")
+            typology_output = gr.JSON()
+        with gr.Column(scale=1):
+            gr.Markdown("## 📃🩺Reach & Equity")
+            pai_2_output = gr.JSON()             
 
     btn.click(
         fn=run_app,