Upload 7 files

app.py

@@ -61,12 +61,7 @@ def select_version_df(name):
 """
 MAIN APPLICATION
 """
-hf_app = gr.Blocks(css="""
-#trend-plot-1, .gr-plot {
-    width: 100% !important;
-    max-width: 100vw !important;
-}
-""")
+hf_app = gr.Blocks()
 with hf_app:
     gr.HTML(TITLE)
     gr.Markdown(INTRODUCTION_TEXT, elem_classes="markdown-text")
@@ -371,7 +366,10 @@ with hf_app:
                     )
 
             with gr.Row():
-                trend_plot = gr.Plot(get_final_trend_plot("Text", mobile_view=False, custom_width=1200))
+                trend_plot = gr.Plot(get_final_trend_plot(benchmark="Text",
+                                                          mobile_view=False,
+                                                          custom_width=1200),
+                                     show_label=False)
 
             trend_select.change(
                 get_final_trend_plot,
@@ -440,6 +438,7 @@ with hf_app:
                 dummy_prev_table,
                 queue=True
             )
+
     hf_app.load()
 hf_app.queue()
 

src/trend_utils.py

@@ -201,7 +201,7 @@ def get_plot(df: pd.DataFrame, start_date: str = '2023-06-01', end_date: str = '
     open_dip = plot_kwargs['open_dip']
     comm_dip = plot_kwargs['comm_dip']
     height = plot_kwargs['height']
-    custom_width = plot_kwargs['custom_width']
+    width = plot_kwargs['width']
 
     mobile_view = True if plot_kwargs['mobile_view'] else False
 
@@ -318,7 +318,6 @@ def get_plot(df: pd.DataFrame, start_date: str = '2023-06-01', end_date: str = '
         benchmark_tick_texts = []
         for i in range(len(benchmark_tickvals)):
             benchmark_tick_texts.append(f"<br><br><b>{benchmark_ticks[benchmark_tickvals[i]]}</b>")
-
         fig.update_xaxes(
             tickvals=filtered_custom_tickvals + benchmark_tickvals,  # Use filtered_custom_tickvals
             ticktext=[f"{date.strftime('%b')}<br>{date.strftime('%y')}" for date in filtered_custom_tickvals] +
@@ -371,29 +370,29 @@ def get_plot(df: pd.DataFrame, start_date: str = '2023-06-01', end_date: str = '
                       )
                       )
 
+    if width:
+        print("Custom Seting the Width :")
+        fig.update_layout(width=width)
+
     if mobile_view:
-        if mobile_view:
-            fig.update_layout(
-                height=400,  # shorter plot for mobile
-                margin=dict(l=10, r=10, t=30, b=40),
-                font=dict(size=10),
-                xaxis=dict(tickfont=dict(size=7)),
-                yaxis=dict(tickfont=dict(size=7)),
-                title=dict(font=dict(size=13)),
-                legend=dict(font=dict(size=5),
-                            bgcolor='rgba(255,255,255,0.7)',  # semi-transparent white for mobile
-                            bordercolor='rgba(0,0,0,0.05)')
-            )
-
-    if custom_width:
-        # Use a custom width for loading the graph for the first time
-        # Gets squished on initial loading as container width defaults to None while rendering for the first time
-        fig.update_layout(width=custom_width)
+        # Fix plot dimensions for a cleaner view
+        fig.update_layout(
+            height=400,  # shorter plot for mobile
+            margin=dict(l=10, r=10, t=30, b=40),
+            font=dict(size=5),
+            legend=dict(font=dict(size=7),
+                        bgcolor='rgba(255,255,255,0.7)',  # semi-transparent white for mobile
+                        bordercolor='rgba(0,0,0,0.05)'),
+            xaxis=dict(tickfont=dict(size=7)),
+            yaxis=dict(tickfont=dict(size=7)),
+            title=dict(font=dict(size=13)),
+
+        )
 
     return fig
 
 
-def get_final_trend_plot(benchmark: str = "Text", mobile_view: bool = False, custom_width=None) -> go.Figure:
+def get_final_trend_plot(benchmark: str = "Text", mobile_view: bool = False, custom_width: int = None) -> go.Figure:
     """Fetch and generate the final trend plot for all models.
 
     Args:
@@ -422,8 +421,7 @@ def get_final_trend_plot(benchmark: str = "Text", mobile_view: bool = False, cus
     else:
         height = 1000
 
-
-    plot_kwargs = {'height': height, 'custom_width': custom_width, 'open_dip': 0, 'comm_dip': 0,
+    plot_kwargs = {'height': height, 'width': custom_width, 'open_dip': 0, 'comm_dip': 0,
                    'mobile_view': mobile_view}
 
     benchmark_ticks = {}