Update app.py

app.py

@@ -1,11 +1,16 @@
 import gradio as gr
+import pandas as pd
 
 text = "<h1 style='text-align: center; color: blue; font-size: 30px;'>TCO Comparison Calculator"
 text1 = "<h1 style='text-align: center; color: blue; font-size: 20px;'>First solution"
 text2 = "<h1 style='text-align: center; color: blue; font-size: 20px;'>Second solution"
 text3 = "<h1 style='text-align: center; color: blue; font-size: 25px;'>Comparison"
+text4 = "<h1 style='text-align: center; color: blue; font-size: 25px;'>Results"
 
-def calculate_tco(model_choice, vm_rental_choice):
+diy_value = 0
+saas_value = 0
+
+def calculate_tco(model_choice, vm_rental_choice, out_diy):
     VM_cost_per_hour=3.6730 #at Azure for the basic pay as you go option
     maxed_out = 0.8 #percentage of time the VM is maxed out
     used = 0.5 #percentage of time the VM is used 
@@ -31,11 +36,10 @@ def calculate_tco(model_choice, vm_rental_choice):
         
     homemade_cost_per_token = VM_cost_per_hour * (1 - reduction) / (tokens_per_second * 3600 * maxed_out * used)
     homemade_cost_per_request = tokens_per_request * homemade_cost_per_token
+    out_diy = homemade_cost_per_token
+    return out_diy
 
-    output = f"In a situation of a {vm_rental_choice} plan, using an Home-made solution with the open-source model {model_choice}: \ncost per request = ${homemade_cost_per_request:.7f}"
-    return output
-
-def calculate_tco_2(model_provider, context):
+def calculate_tco_2(model_provider, context, out_saas):
     tokens_per_request = 64
         
     if model_provider == "OpenAI":
@@ -45,7 +49,8 @@ def calculate_tco_2(model_provider, context):
         elif context == "16K context" :
             saas_cost_per_token = 0.0007
             saas_cost_per_request = saas_cost_per_token * tokens_per_request
-    return f"When renting services from {model_provider} for a SaaS solution, specifying a {context}, you'll get: \ncost per request = ${saas_cost_per_request:.7f}"
+    out_saas = saas_cost_per_token
+    return out_saas
 
 def extract_cost_from_text(text):
     try:
@@ -74,23 +79,32 @@ def compare(cost_text1, cost_text2):
     except ValueError as e:
         return f"Error: {str(e)}"
 
+def update_plot(diy_value, saas_value):
+                    data = pd.DataFrame(
+                        {
+                            "Solution": ["Home-made", "SaaS"],
+                            "Cost/token ($)": [diy_value, saas_value],
+                        }
+                    )
+                    return gr.BarPlot.update(data, x="Solution", y="Cost/token ($)")
+
 description=f"""
 <p>In this demo application, we help you compare different solutions for your AI incorporation plans, such as open-source or SaaS.</p>
-<p>First, you'll have to choose the two options you'd like to compare. Then, follow the instructions to select your configurations for each option and we will compute the cost/request accordingly to them. Eventually, you can compare both solutions to evaluate which one best suits your needs, in the short or long term.</p>
+<p>First, you'll have to choose the two solutions you'd like to compare. Then, follow the instructions to select your configurations for each solution and we will compute the cost/request accordingly to them. Eventually, you can compare both solutions to evaluate which one best suits your needs, in the short or long term.</p>
 """
 description1=f"""
-<p>This interface provides you with the cost per token you get using the open-source solution, based on the model you choose to use and how long you're planning to use it.</p>
+<p>This interface provides you with the cost per request you get using the open-source solution, based on the model you choose to use and how long you're planning to use it.</p>
 <p>The selected prices for a Virtual Machine rental come from Azure's VM rental plans, which can offer reductions for long-term reserved usage.</p>
-<p>To compute this cost per token, some adjustments were chosen: the VM is an A100 40GB, supposedly maxed out at 80% and utilized 50% of the time in a full day. Plus, the number of tokens per request was set to 64.</p>
+<p>To compute this cost per requets, some adjustments were chosen: the VM is an A100 40GB, supposedly maxed out at 80% and utilized 50% of the time in a full day. Plus, the number of tokens per request was set to 64.</p>
 <p>To see the formula used to compute the cost/request, check the box just below!</p> 
 """
 description2=f"""
-<p>This interface provides you with the cost per token resulting from the AI model provider you choose and the number of tokens you select for context, which the model will take into account when processing input texts.</p>
-<p>To compute this cost per token, some adjustments were chosen: the number of tokensper request was set to 64.</p>
+<p>This interface provides you with the cost per request resulting from the AI model provider you choose and the number of tokens you select for context, which the model will take into account when processing input texts.</p>
+<p>To compute this cost per request, some adjustments were chosen: the number of tokens per request was set to 64.</p>
 <p>To see the formula used to compute the cost/request, check the box just below!</p> 
 """
 description3=f"""
-<p>This interface compares the cost per token for the two solutions you selected and gives you an insight of whether a solution is more valuable in the long term.</p>
+<p>This interface compares the cost per request for the two solutions you selected and gives you an insight of whether a solution is more valuable in the long term.</p>
 """
 
 models = ["Llama-2-7B", "Llama-2-13B", "Llama-2-70B"]
@@ -98,18 +112,20 @@ vm_rental_choice = ["pay as you go", "1 year reserved", "3 years reserved"]
 model_provider = ["OpenAI"]
 context = ["4K context", "16K context"]
 error_box = gr.Textbox(label="Error", visible=False)
-bool_diy = False
-bool_saas = False
 
 with gr.Blocks(theme=gr.themes.Soft()) as demo:
     gr.Markdown(value=text)
     gr.Markdown(value=description)
     
+    out_diy = gr.State(value=0)
+    out_saas = gr.State(value=0)
+    out_diy2 = gr.State(value=0)
+    out_saas2 = gr.State(value=0)
+    
     with gr.Row():
-        with gr.Column(scale=2):
+        with gr.Column():
         
-            solution_selection = gr.Dropdown(["SaaS", "Home-made"], label="Select a Solution")
-            submit_btn = gr.Button("Submit")
+            solution_selection = gr.Dropdown(["SaaS", "Open-source"], label="Select a Solution")
             
             with gr.Row(visible=False) as title_column:            
                 gr.Markdown(value=text1)
@@ -117,108 +133,48 @@ with gr.Blocks(theme=gr.themes.Soft()) as demo:
             with gr.Row(visible=False) as text_diy_column:
                 gr.Markdown(description1)
             
-            with gr.Row(visible=False) as see_formula_diy:
-                formula_diy_btn = gr.Checkbox(label="See formula", value=False)
-                with gr.Row(visible=False) as formula_diy:
-                    gr.Markdown(
-                        r"$ homemade\_cost\_per\_request = \frac{tokens\_per\_request \times VM\_cost\_per\_hour \times (1 - reduction)}{tokens\_per\_second \times 3600 \times maxed\_out \times used}$"
-                    )                    
-                def submit_formula_diy(formula_diy_btn):
-                    if formula_diy_btn:
-                        return{
-                            formula_diy: gr.update(visible=True),
-                        }
-                    else:
-                        return{
-                            formula_diy: gr.update(visible=False),
-                        }
-
-                formula_diy_btn.select(
-                    submit_formula_diy,
-                    [formula_diy_btn],  
-                    [formula_diy]  
-                )
-            
             with gr.Row(visible=False) as input_diy_column:
-                inp = gr.Dropdown(models, label="Select an AI Model")
-                inp2 = gr.Dropdown(vm_rental_choice, label="Select a VM Rental Plan")
-                
-            with gr.Row(visible=False) as output_diy_column:
-                out = gr.Textbox(label="Cost/request")
-                btn = gr.Button("Compute the cost/request")
-                btn.click(fn=calculate_tco, inputs=[inp, inp2], outputs=out)
+                model_inp = gr.Dropdown(models, label="Select an AI Model")
+                rental_plan_inp = gr.Dropdown(vm_rental_choice, label="Select a VM Rental Plan")
+                rental_plan_inp.change(fn=calculate_tco, inputs=[model_inp, rental_plan_inp, out_diy], outputs=out_diy)
 
             with gr.Row(visible=False) as text_saas_column:
                 gr.Markdown(description2)
             
-            with gr.Row(visible=False) as see_formula_saas:
-                formula_saas_btn = gr.Checkbox(label="See formula", value=False)
-                with gr.Row(visible=False) as formula_saas:
-                    gr.Markdown(
-                                r"$ saas\_cost\_per\_request = saas\_cost\_per\_token \times tokens\_per\_request$"
-                    )
-                def submit_formula_diy(formula_saas_btn):
-                    if formula_saas_btn:
-                        return{
-                            formula_saas: gr.update(visible=True),
-                        }
-                    else:
-                        return{
-                            formula_saas: gr.update(visible=False),
-                        }
-
-                formula_saas_btn.select(
-                    submit_formula_diy,
-                    [formula_saas_btn],  
-                    [formula_saas]  
-                )
-           
             with gr.Row(visible=False) as input_saas_column:
                 model_provider_inp = gr.Dropdown(model_provider, label="Model Provider")
                 context_inp = gr.Dropdown(context, label="Context")
-
-            with gr.Row(visible=False) as output_saas_column:
-                out_2 = gr.Textbox(label="Cost/request")
-                btn_2 = gr.Button("Compute the cost/request")
-                btn_2.click(fn=calculate_tco_2, inputs=[model_provider_inp, context_inp], outputs=out_2)
-            
+                context_inp.change(fn=calculate_tco_2, inputs=[model_provider_inp, context_inp, out_saas], outputs=out_saas)
+    
             def submit(solution_selection):
-                if solution_selection == "Home-made":
+                if solution_selection == "Open-source":
                     return {
-                        see_formula_diy: gr.update(visible=True),
                         title_column: gr.update(visible=True),
                         text_diy_column: gr.update(visible=True),
                         input_diy_column: gr.update(visible=True),
-                        output_diy_column: gr.update(visible=True),
-                        see_formula_saas: gr.update(visible=False),
                         text_saas_column: gr.update(visible=False),                       
                         input_saas_column: gr.update(visible=False),
-                        output_saas_column: gr.update(visible=False),
                     }     
                 else: 
                     return {
-                        see_formula_diy: gr.update(visible=False),
                         text_diy_column: gr.update(visible=False),
                         input_diy_column: gr.update(visible=False),
-                        output_diy_column: gr.update(visible=False),
-                        see_formula_saas: gr.update(visible=True),
                         title_column: gr.update(visible=True),                        
                         text_saas_column: gr.update(visible=True),                       
                         input_saas_column: gr.update(visible=True),
-                        output_saas_column: gr.update(visible=True),
                     }
-            submit_btn.click(
+            
+            solution_selection.change(
                 submit,
                 solution_selection,
-                [see_formula_diy, see_formula_saas, text_diy_column, title_column, text_saas_column, inp, inp2, out, btn, model_provider_inp, context_inp, out_2, btn_2, input_diy_column, input_saas_column, output_diy_column, output_saas_column],
-            ) 
+                [out_saas, text_diy_column, title_column, text_saas_column, model_inp, rental_plan_inp, model_provider_inp, context_inp, input_diy_column, input_saas_column],
+            )
             
         # gr.Divider(style="vertical", thickness=2, color="blue")
          
-        with gr.Column(scale=2):
+        with gr.Column():
             
-            solution_selection2 = gr.Dropdown(["SaaS", "Home-made"], label="Select a Solution")
-            submit_btn2 = gr.Button("Submit")
+            solution_selection2 = gr.Dropdown(["SaaS", "Open-source"], label="Select a Solution")
             
             with gr.Row(visible=False) as title_column2:            
                 gr.Markdown(value=text2)
@@ -226,130 +182,60 @@ with gr.Blocks(theme=gr.themes.Soft()) as demo:
             with gr.Row(visible=False) as text_diy_column2:            
                 gr.Markdown(description1)
             
-            with gr.Row(visible=False) as see_formula_diy2:
-                formula_diy_btn2 = gr.Checkbox(label="See formula", value=False)
-                with gr.Row(visible=False) as formula_diy2:
-                    gr.Markdown(
-                        r"$ homemade\_cost\_per\_request = \frac{tokens\_per\_request \times VM\_cost\_per\_hour \times (1 - reduction)}{tokens\_per\_second \times 3600 \times maxed\_out \times used}$"
-                    )
-                    
-                def submit_formula_diy(formula_diy_btn2):
-                    if formula_diy_btn2:
-                        return{
-                            formula_diy2: gr.update(visible=True),
-                        }
-                    else:
-                        return{
-                            formula_diy2: gr.update(visible=False),
-                        }
-
-                formula_diy_btn2.select(
-                    submit_formula_diy,
-                    [formula_diy_btn2],  
-                    [formula_diy2]  
-                )
-            
             with gr.Row(visible=False) as input_diy_column2:
-                inp_2 = gr.Dropdown(models, label="Select an AI Model")
-                inp2_2 = gr.Dropdown(vm_rental_choice, label="Select a VM Rental Plan")
-                
-            with gr.Row(visible=False) as output_diy_column2:
-                out2 = gr.Textbox(label="Cost/request")
-                btn2 = gr.Button("Compute the cost/request")
-                btn2.click(fn=calculate_tco, inputs=[inp_2, inp2_2], outputs=out2)
-            
+                model_inp2 = gr.Dropdown(models, label="Select an AI Model")
+                rental_plan_inp2 = gr.Dropdown(vm_rental_choice, label="Select a VM Rental Plan")
+                rental_plan_inp2.change(fn=calculate_tco, inputs=[model_inp2, rental_plan_inp2, out_diy2], outputs=out_diy2)
+                      
             with gr.Row(visible=False) as text_saas_column2:            
                 gr.Markdown(description2)
             
-            with gr.Row(visible=False) as see_formula_saas2:
-                formula_saas_btn2 = gr.Checkbox(label="See formula", value=False)
-                with gr.Row(visible=False) as formula_saas2:
-                    gr.Markdown(
-                                r"$ saas\_cost\_per\_request = saas\_cost\_per\_token \times tokens\_per\_request$"
-                    )
-                    
-                def submit_formula_diy2(formula_saas_btn2):
-                    if formula_saas_btn2:
-                        return{
-                            formula_saas2: gr.update(visible=True),
-                        }
-                    else:
-                        return{
-                            formula_saas2: gr.update(visible=False),
-                        }
-
-                formula_saas_btn2.select(
-                    submit_formula_diy2,
-                    [formula_saas_btn2],  
-                    [formula_saas2]  
-                )
-                
             with gr.Row(visible=False) as input_saas_column2:
                 model_provider_inp2 = gr.Dropdown(['OpenAI'], label="Model Provider")
                 context_inp2 = gr.Dropdown(['4K context', '16K context'], label="Context")
-
-            with gr.Row(visible=False) as output_saas_column2:
-                out_2_2 = gr.Textbox(label="Cost/request")
-                btn_2_2 = gr.Button("Compute the cost/request")
-                btn_2_2.click(fn=calculate_tco_2, inputs=[model_provider_inp2, context_inp2], outputs=out_2_2)
+                context_inp2.change(fn=calculate_tco_2, inputs=[model_provider_inp2, context_inp2, out_saas2], outputs=out_saas2)
             
-            def submit(solution_selection2):
-                if solution_selection2 == "Home-made":
+            def submit2(solution_selection2):
+                if solution_selection2 == "Open-source":
                     return {
-                        see_formula_diy2: gr.update(visible=True),
                         title_column2: gr.update(visible=True),
                         text_diy_column2: gr.update(visible=True),
                         input_diy_column2: gr.update(visible=True),
-                        output_diy_column2: gr.update(visible=True),
-                        see_formula_saas2: gr.update(visible=False),
                         text_saas_column2: gr.update(visible=False),                       
                         input_saas_column2: gr.update(visible=False),
-                        output_saas_column2: gr.update(visible=False),
                     }     
                 else: 
                     return {
-                        see_formula_diy2: gr.update(visible=False),
                         text_diy_column2: gr.update(visible=False),
                         input_diy_column2: gr.update(visible=False),
-                        output_diy_column2: gr.update(visible=False),
-                        see_formula_saas2: gr.update(visible=True),
                         title_column2: gr.update(visible=True),
                         text_saas_column2: gr.update(visible=True),                        
                         input_saas_column2: gr.update(visible=True),
-                        output_saas_column2: gr.update(visible=True),
                     }
-            submit_btn2.click(
-                submit,
-                solution_selection2,
-                [see_formula_diy2, see_formula_saas2, title_column2, text_diy_column2, text_saas_column2, inp_2, inp2_2, out2, btn2, model_provider_inp2, context_inp2, out_2_2, btn_2_2, input_diy_column2, input_saas_column2, output_diy_column2, output_saas_column2],
-            ) 
             
-    gr.Markdown(value=text3)
-    gr.Markdown(description3)
-    error_box = gr.Textbox(label="Error", visible=False)        
-    with gr.Row():
-        cost_text1_inp = gr.Textbox(label="Cost/request for the first solution", placeholder="Enter cost/request for the first solution")
-        cost_text2_inp = gr.Textbox(label="Cost/request for the second solution",placeholder="Enter cost/request for the second solution")
-    
-    btn_compare = gr.Button("Compare")
-        
-    with gr.Row(visible=False) as output:
-        out_compare = gr.Textbox()
+            solution_selection2.change(
+                submit2,
+                solution_selection2,
+                [out_diy2, out_saas2, title_column2, text_diy_column2, text_saas_column2, model_inp2, rental_plan_inp2, model_provider_inp2, context_inp2, input_diy_column2, input_saas_column2],
+            )
     
-    def submit2(cost_text1_inp, cost_text2_inp):
-        if len(cost_text1_inp) == 0:
-            return {error_box: gr.update(value="Enter cost of solution 1", visible=True)}
-        if len(cost_text2_inp) == 0:
-            return {error_box: gr.update(value="Enter cost of solution 2", visible=True)}
-        return {
-            output: gr.update(visible=True),
-            out_compare: compare(cost_text1_inp, cost_text2_inp),
-        }
-
-    btn_compare.click(
-        submit2, 
-        inputs=[cost_text1_inp, cost_text2_inp], 
-        outputs=[out_compare, output]
-    )
-
+    with gr.Row():
+        with gr.Column():
+            
+            with gr.Row():
+                gr.Markdown(text3)
+                
+            with gr.Row():
+                plot = gr.BarPlot(title="Comparison", x_title="Solution", y_title="Cost/token ($)", interactive=True, width=500)
+                if solution_selection=="Open-source":
+                    context_inp2.change(fn=update_plot, inputs=[out_diy, out_saas2], outputs=plot)
+                    model_provider_inp2.change(fn=update_plot, inputs=[out_diy, out_saas2], outputs=plot)
+                    rental_plan_inp.change(fn=update_plot, inputs=[out_diy, out_saas2], outputs=plot)
+                    model_inp.change(fn=update_plot, inputs=[out_diy, out_saas2], outputs=plot)
+                else:
+                    rental_plan_inp2.change(fn=update_plot, inputs=[out_diy2, out_saas], outputs=plot)
+                    context_inp.change(fn=update_plot, inputs=[out_diy2, out_saas], outputs=plot)
+                    model_provider_inp.change(fn=update_plot, inputs=[out_diy2, out_saas], outputs=plot)
+                    model_inp2.change(fn=update_plot, inputs=[out_diy2, out_saas], outputs=plot)
+       
 demo.launch()