Initial leaderboard setup

.ipynb_checkpoints/app-checkpoint.py

@@ -221,15 +221,36 @@ with tab2:
             model_idx = row * models_per_row + col_idx
             if model_idx < len(selected_models):
                 model = selected_models[model_idx]
+                container = cols[col_idx].container()
+                
+                # Get Plotly's default color for this model index
+                plotly_colors = ['#636EFA', '#EF553B', '#00CC96', '#AB63FA', '#FFA15A', '#19D3F3', '#FF6692', '#B6E880', '#FF97FF', '#FECB52']
+                color = plotly_colors[model_idx % len(plotly_colors)]
+                
                 # Store toggle state in session state with unique key
                 toggle_key = f"toggle_{model}"
                 if toggle_key not in st.session_state:
                     st.session_state[toggle_key] = True
-                st.session_state[toggle_key] = cols[col_idx].checkbox(
-                    model,
+
+                # Create the checkbox with colored text
+                st.session_state[toggle_key] = container.checkbox(
+                    f"⬤ {model}",  # Add a colored circle before the model name
                     value=st.session_state[toggle_key],
                     key=f"model_toggle_{model}"
                 )
+                
+                # Add colored style to the label
+                container.markdown(
+                    f"""
+                    <style>
+                        [data-testid="stCheckbox"] label p {{
+                            color: {color};
+                            font-weight: bold;
+                        }}
+                    </style>
+                    """,
+                    unsafe_allow_html=True
+                )
     
     # Individual Precision-Recall plots for each class
     unique_classes = class_data['Class'].unique()

app.py

@@ -221,15 +221,36 @@ with tab2:
             model_idx = row * models_per_row + col_idx
             if model_idx < len(selected_models):
                 model = selected_models[model_idx]
+                container = cols[col_idx].container()
+                
+                # Get Plotly's default color for this model index
+                plotly_colors = ['#636EFA', '#EF553B', '#00CC96', '#AB63FA', '#FFA15A', '#19D3F3', '#FF6692', '#B6E880', '#FF97FF', '#FECB52']
+                color = plotly_colors[model_idx % len(plotly_colors)]
+                
                 # Store toggle state in session state with unique key
                 toggle_key = f"toggle_{model}"
                 if toggle_key not in st.session_state:
                     st.session_state[toggle_key] = True
-                st.session_state[toggle_key] = cols[col_idx].checkbox(
-                    model,
+
+                # Create the checkbox with colored text
+                st.session_state[toggle_key] = container.checkbox(
+                    f"⬤ {model}",  # Add a colored circle before the model name
                     value=st.session_state[toggle_key],
                     key=f"model_toggle_{model}"
                 )
+                
+                # Add colored style to the label
+                container.markdown(
+                    f"""
+                    <style>
+                        [data-testid="stCheckbox"] label p {{
+                            color: {color};
+                            font-weight: bold;
+                        }}
+                    </style>
+                    """,
+                    unsafe_allow_html=True
+                )
     
     # Individual Precision-Recall plots for each class
     unique_classes = class_data['Class'].unique()