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=(12, 4))
+    fig, ax = plt.subplots(figsize=(10, 3))
 
     # 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=32)
+    ax.plot(scalar_value, 0.5, 'o', color='white', markersize=42)
 
-    ax.text(scalar_value, 0.5, f'{scalar_value:.2f}', color='black', ha='center', va='center', fontsize=10, fontweight='bold')
+    ax.text(scalar_value, 0.5, f'{scalar_value:.2f}', color='black', ha='center', va='center', fontsize=16, 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=270)
+    ax.text(-0.03, 0.5, 'Close', ha='center', va='center', fontsize=18, rotation=90)
+    ax.text(1.03, 0.5, 'Distant', ha='center', va='center', fontsize=18, rotation=270)
 
     # Customize the axis
     ax.set_xticks([])  # Remove x-axis ticks
@@ -159,5 +159,6 @@ iface = gr.Interface(fn=m.measure,
                               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 <br><br>")
+                                 "this technique: https://github.com/DigitalPhonetics/IMS-Toucan <br><br>",
+                     fill_width=True)
 iface.launch()