Change plot style in streamlit_app.py

src/streamlit_app.py

@@ -323,14 +323,34 @@ plot_html = f"""
 
   // plotly layout
   const layout = {{
+    paper_bgcolor: "rgb(255,255,255)", 
+    plot_bgcolor: "rgb(234, 234, 242)", 
     title:    {title_js},
-    xaxis:    {{ title: {xaxis_js}, range:[-110,110] }},
-    yaxis:    {{ title: {yaxis_js}, range:[-110,110] }},
+    xaxis:    {{ title: {xaxis_js}, 
+                range:[-110,110], 
+                gridcolor: "rgb(255,255,255)",
+                showgrid: true, 
+                showline: false, 
+                showticklabels: true, 
+                tickcolor: "rgb(127,127,127)", 
+                ticks: "outside", 
+                zeroline: false, 
+                gridwidth: 1}},
+    yaxis:    {{ title: {yaxis_js}, 
+                range:[-110,110],
+                gridcolor: "rgb(255,255,255)",
+                showgrid: true, 
+                showline: false, 
+                showticklabels: true, 
+                tickcolor: "rgb(127,127,127)", 
+                ticks: "outside", 
+                zeroline: false,
+                gridwidth: 1}},
     autosize: true,
     margin:   {{ l:40, r:40, t:40, b:40 }},
     clickmode:'event+select',
     legend:   {{ font:{{ size:12 }}, x:1.01, y:0.5 }}
-  }};
+  }}; 
 
   // select the scatter-plot div to render the chart into
   const gd = document.getElementById('scatter-plot');