refactor(plot_config): Moving height and width specifications into constants at top of Adstock and Saturation files, so the plot sizes are set programmatically

Author: louismagowan

streamlit/mmm-explainer/pages/Adstock.py

@@ -23,6 +23,11 @@
     weibull_adstock,
 )
 
+# Constants
+PLOT_HEIGHT = 600
+PLOT_WIDTH = 1000
+
+
 # -------------------------- TOP OF PAGE INFORMATION -------------------------
 
 # Set browser / tab config
@@ -177,8 +182,8 @@
             },
         )
     # Format plot
-    fig.layout.height = 600
-    fig.layout.width = 1000
+    fig.layout.height = PLOT_HEIGHT
+    fig.layout.width = PLOT_WIDTH
     fig.update_layout(
         title_text="Geometric Adstock Decayed Over Weeks", title_font=dict(size=30)
     )
@@ -345,8 +350,8 @@
             },
         )
     # Format plot
-    fig.layout.height = 600
-    fig.layout.width = 1000
+    fig.layout.height = PLOT_HEIGHT
+    fig.layout.width = PLOT_WIDTH
     fig.update_layout(
         title_text="Geometric Adstock Decayed Over Weeks", title_font=dict(size=30)
     )
@@ -493,8 +498,8 @@
             color_discrete_map={"Line A": "#636EFA", "Line B": "#EF553B"},
         )
     # Format plot
-    fig.layout.height = 600
-    fig.layout.width = 1000
+    fig.layout.height = PLOT_HEIGHT
+    fig.layout.width = PLOT_WIDTH
     fig.update_layout(
         title_text="Weibull CDF Adstock Decayed Over Weeks", title_font=dict(size=30)
     )
@@ -645,8 +650,8 @@
             color_discrete_map={"Line A": "#636EFA", "Line B": "#EF553B"},
         )
     # Format plot
-    fig.layout.height = 600
-    fig.layout.width = 1000
+    fig.layout.height = PLOT_HEIGHT
+    fig.layout.width = PLOT_WIDTH
     fig.update_layout(
         title_text="Weibull PDF Adstock Decayed Over Weeks", title_font=dict(size=30)
     )

streamlit/mmm-explainer/pages/Saturation.py

@@ -23,6 +23,10 @@
     tanh_saturation,
 )
 
+# Constants
+PLOT_HEIGHT = 500
+PLOT_WIDTH = 1000
+
 # -------------------------- TOP OF PAGE INFORMATION -------------------------
 
 # Set browser / tab config
@@ -131,8 +135,8 @@
         title_text="Logistic Saturation Curve",
         xaxis_title="Media Spend",
         yaxis_title="Conversions",
-        height=500,
-        width=1000,
+        height=PLOT_HEIGHT,
+        width=PLOT_WIDTH,
     )
 
     st.plotly_chart(fig_root, use_container_width=True)
@@ -191,8 +195,8 @@
         title_text="Tanh Saturation Curve",
         xaxis_title="Media Spend",
         yaxis_title="Conversions",
-        height=500,
-        width=1000,
+        height=PLOT_HEIGHT,
+        width=PLOT_WIDTH,
     )
 
     st.plotly_chart(fig_root, use_container_width=True)
@@ -251,8 +255,8 @@
         title_text="Michaelis-Menten Saturation Curve",
         xaxis_title="Media Spend",
         yaxis_title="Conversions",
-        height=500,
-        width=1000,
+        height=PLOT_HEIGHT,
+        width=PLOT_WIDTH,
     )
 
     st.plotly_chart(fig_root, use_container_width=True)