Update app.py

app.py

@@ -11,13 +11,13 @@ description=f"""
 <p>Please note that we focus on getting the service up and running, but not the maintenance that follows.</p>
 """
 formula = r"""
-$CR = \frac{CIT\_1K \times IT + COT\_1K \times OT}{1000}$  <br>
+$CR = \frac{CIT_{1K} \times IT + COT_{1K} \times OT}{1000}$  <br>
 with: <br>
-CR = Cost per Request <br>
-CIT_1K = Cost per 1000 Input Tokens <br>
-COT_1K = Cost per 1000 Output Tokens <br>
-IT = Input Tokens <br>
-OT = Output Tokens
+$CR$ = Cost per Request <br>
+$CIT_{1K}$ = Cost per 1000 Input Tokens <br>
+$COT_{1K}$ = Cost per 1000 Output Tokens <br>
+$IT$ = Input Tokens <br>
+$OT$ = Output Tokens
 """
                          
 def on_use_case_change(use_case):
@@ -51,7 +51,7 @@ def compare_info(tco1, tco2, dropdown, dropdown2):
     plt.tight_layout()
     plt.savefig('cost_comparison.png')  # Save to a file
 
-    return gr.update(value='cost_comparison.png'), comparison_result
+    return gr.update(value='cost_comparison.png', visible=True), comparison_result
 
 def create_table(tco1, tco2, labor_cost1, labor_cost2, dropdown, dropdown2, latency, latency2):
     list_values = []
@@ -144,7 +144,7 @@ with gr.Blocks(theme=style) as demo:
                 info = gr.Markdown(text2)
             with gr.Row():
                 with gr.Column(scale=1):
-                    image = gr.Image()
+                    image = gr.Image(visible=False)
                     ratio = gr.Markdown()
                 with gr.Column(scale=2):
                     plot = gr.LinePlot(visible=False)