Update app.py

app.py

@@ -233,7 +233,45 @@ def forecast_chronos_data(df_state, date_column, target_column, select_period, f
       line=dict(color="royalblue", width=2),
       selector=dict(name="y")  # Updates only the historical data line
   )
-  return fig
+
+
+  # Bar Chart
+  bar_chart = go.Figure()
+
+  bar_chart.add_trace(
+        go.Bar(
+            x=monthly_sales.index,
+            y=monthly_sales["y"],
+            name="Historical Sales",
+            marker_color='rgba(50, 150, 250, 0.6)',  # Light blue color
+            opacity=0.8
+        )
+    )
+
+  bar_chart.add_trace(
+        go.Bar(
+            x=forecast_index,
+            y=median,
+            name="Median Forecast",
+            marker_color='rgba(255, 99, 71, 0.9)',
+            opacity=0.8
+        )
+    )
+
+  bar_chart.update_layout(
+        title="Sales Forecasting Visualization (Bar Chart)",
+        xaxis_title="Months",
+        yaxis_title=f"{target_column}",
+        title_font_size=20,
+        xaxis_title_font_size=16,
+        yaxis_title_font_size=16,
+        legend_font_size=16,
+        width=1800,
+        height=600,
+        plot_bgcolor='white'
+    )
+    
+  return fig, bar_chart
 
   # plt.figure(figsize=(30, 10))
   # plt.plot(monthly_sales["y"], color="royalblue", label="Historical Data", linewidth=2)
@@ -347,14 +385,21 @@ with gr.Blocks(theme=gr.themes.Default()) as demo:
         select_period =  gr.Slider(2, 60, value=12, label="Select Period", info="Check Selected Forecast Type", interactive =True, step=1)
         forecast_btn = gr.Button("Forecast")
 
-      
+      with gr.Tabs():
+          with gr.TabItem("Line Chart"):
+              with gr.Row():
+                  plot_forecast_output = gr.Plot(label="Chronos Forecasting Visualization")
+          with gr.TabItem("Bar Chart"): 
+              with gr.Row():
+                  bar_plot_forecast_output = gr.Plot(label="Chronos Forecasting Visualization (Bar)")
+          
       with gr.Row():
         plot_forecast_output = gr.Plot(label="Chronos Forecasting Visualization")
 
       forecast_btn.click(
           forecast_chronos_data,
           inputs=[df_state, date_column, target_column, select_period],
-          outputs=[plot_forecast_output]
+          outputs=[plot_forecast_output, bar_plot_forecast_output]
           )