Update app.py

app.py

@@ -55,9 +55,23 @@ def plot_usage_volume(inputs):
 
 
 
-# Create input components for the Gradio app
-system1 = gr.inputs.Textbox(label="System 1 Name", default="System1")
+# Define the input components for the Gradio app
+inputs = {
+    "system1": gr.inputs.Textbox(label="System 1 Name", default="System1"),
+    "users1": gr.inputs.Slider(minimum=0, maximum=1000, default=500, label="System 1 Users"),
+    "timeline1": gr.inputs.Slider(minimum=1, maximum=12, default=6, label="System 1 Rollout Timeline (Months)"),
+    "system2": gr.inputs.Textbox(label="System 2 Name", default="System2"),
+    "users2": gr.inputs.Slider(minimum=0, maximum=1000, default=500, label="System 2 Users"),
+    "timeline2": gr.inputs.Slider(minimum=1, maximum=12, default=6, label="System 2 Rollout Timeline (Months)"),
+    "system3": gr.inputs.Textbox(label="System 3 Name", default="System3"),
+    "users3": gr.inputs.Slider(minimum=0, maximum=1000, default=500, label="System 3 Users"),
+    "timeline3": gr.inputs.Slider(minimum=1, maximum=12, default=6, label="System 3 Rollout Timeline (Months)")
+}
+
+# Define the output component for the Gradio app
+output = gr.outputs.Image()
+
+# Define the Gradio interface and launch it
 title = "System Rollout Usage Volume Plot"
 description = "Enter the rollout parameters for three different systems and see the resulting usage volume plot."
-
-gr.Interface(plot_usage_volume, inputs, output, title=title, description=description).launch()
+gr.Interface(plot_usage_volume, inputs, output, title=title, description=description).launch()