Update my_pages/rashomon_effect.py

my_pages/rashomon_effect.py

@@ -57,11 +57,11 @@ def render():
 
     #### Rashomon Set Definition
     rashomon_set_message = """
-        The existence of multiple models that achieve similar accuracy, i.e., multiple interpretations of the data, is known as the Rashomon effect.
+        Multiple models achieving similar accuracy, i.e., multiple interpretations of the data, is known as the Rashomon effect.
         We call the models below part of a 'Rashomon set'.
     """
     st.markdown(
-        f"<div style='text-align:center; color:#c0392b; font-size:20px; font-weight:bold; margin:14px 0;'>{rashomon_set_message}</div>",
+        f"<div style='text-align:center; color:#c0392b; font-size:20px; margin:14px 0;'>{rashomon_set_message}</div>",
         unsafe_allow_html=True,
     )
 
@@ -80,7 +80,7 @@ def render():
     col1, col2, col3, col4, col5 = st.columns([0.5, 1, 1, 1, 0.5])
     with col2:
         st.pyplot(plot_scatter(income, credit, colors, boundary_type="vertical", highlight_point=highlight_point))
-        st.markdown("<div style='text-align: center;'>Accuracy: 90%</div>")
+        st.markdown("<div style='text-align: center;'>Accuracy: 90%</div>", unsafe_allow_html=True)
         if graph_selected=="vertical":
             button_click_v = st.button("Choose Model 1", type="primary")
         else:
@@ -91,7 +91,7 @@ def render():
             st.rerun()
     with col3:
         st.pyplot(plot_scatter(income, credit, colors, boundary_type="slant", highlight_point=highlight_point))
-        st.markdown("<div style='text-align: center;'>Accuracy: 90%</div>")
+        st.markdown("<div style='text-align: center;'>Accuracy: 90%</div>", unsafe_allow_html=True)
         if graph_selected=="slant":
             button_click_s = st.button("Choose Model 2", type="primary")
         else:
@@ -102,7 +102,7 @@ def render():
             st.rerun()
     with col4:
         st.pyplot(plot_scatter(income, credit, colors, boundary_type="horizontal", highlight_point=highlight_point))
-        st.markdown("<div style='text-align: center;'>Accuracy: 90%</div>")
+        st.markdown("<div style='text-align: center;'>Accuracy: 90%</div>", unsafe_allow_html=True)
         if graph_selected=="horizontal":
             button_click_h = st.button("Choose Model 3", type="primary")
         else:
@@ -115,9 +115,9 @@ def render():
     #### Multiplicity Definition    
     if "graph_selected" in st.session_state:
         multiplicity_message = """
-            Depending on the model choice, notice the highlighted individual who doesn't get loan, but would have gotten loan under a different model.
+            Because of your choice, notice the highlighted individual who doesn't get loan, but would have gotten loan under a different model.
             These conflicting predictions are called multiplicity.<br><br>
-            Clearly, the choice of model directly impacts individuals!
+            <b>Clearly, the choice of model directly impacts individuals!</b>
         """
         st.markdown(
             f"<div style='text-align:center; color:#c0392b; font-size:20px; margin:14px 0;'>{multiplicity_message}</div>",