Update app.py

app.py

@@ -11,7 +11,7 @@ def plot_scalar_on_scale(scalar_value, distance_type):
     scalar_value = np.clip(scalar_value, 0.0, 1.0)
 
     # Create a figure and axis
-    fig, ax = plt.subplots(figsize=(8, 2))
+    fig, ax = plt.subplots(figsize=(12, 4))
 
     # Create a horizontal gradient (from close to distant)
     gradient = np.linspace(0, 1, 256).reshape(1, -1)
@@ -21,13 +21,13 @@ def plot_scalar_on_scale(scalar_value, distance_type):
     ax.axvline(x=scalar_value, color='white', lw=5)
 
     # Add a dot at the scalar position
-    ax.plot(scalar_value, 0.5, 'o', color='white', markersize=26)
+    ax.plot(scalar_value, 0.5, 'o', color='white', markersize=32)
 
     ax.text(scalar_value, 0.5, f'{scalar_value:.2f}', color='black', ha='center', va='center', fontsize=10, fontweight='bold')
 
     # Add labels rotated 90 degrees on the sides
     ax.text(-0.05, 0.5, 'Close', ha='center', va='center', fontsize=12, rotation=90)
-    ax.text(1.05, 0.5, 'Distant', ha='center', va='center', fontsize=12, rotation=90)
+    ax.text(1.05, 0.5, 'Distant', ha='center', va='center', fontsize=12, rotation=270)
 
     # Customize the axis
     ax.set_xticks([])  # Remove x-axis ticks
@@ -153,11 +153,11 @@ iface = gr.Interface(fn=m.measure,
                                          type="value",
                                          value='German (deu)',
                                          label="Select the second Language (type on your keyboard to find it quickly)")],
-                     outputs=[gr.Plot(),
-                              gr.Plot(),
-                              gr.Plot(),
-                              gr.Plot()],
-                     description="This demo allows you to view the distance between two languages from the ISO 639-3 list according to several distance measurement functions. "
+                     outputs=[gr.Plot(label=""),
+                              gr.Plot(label=""),
+                              gr.Plot(label=""),
+                              gr.Plot(label="")],
+                     description="<br><br> This demo allows you to view the distance between two languages from the ISO 639-3 list according to several distance measurement functions. "
                                  "For more information, check out our paper: https://arxiv.org/abs/2406.06403 and our text-to-speech tool, in which we make use of "
-                                 "this technique: https://github.com/DigitalPhonetics/IMS-Toucan")
+                                 "this technique: https://github.com/DigitalPhonetics/IMS-Toucan <br><br>")
 iface.launch()