Initial leaderboard setup

.ipynb_checkpoints/app-checkpoint.py

@@ -74,28 +74,32 @@ tab1, tab2, tab3, tab4 = st.tabs([
 
 def style_dataframe(df, highlight_first_column=True, show_progress_bars=True):
     numeric_cols = df.select_dtypes(include=['float64']).columns
-    first_numeric_col = numeric_cols[0] if len(numeric_cols) > 0 else None
     
-    # Start with basic formatting
+    def color_background(val):
+        """Return background color style based on value"""
+        return f'background-color: rgba({int(255 * (1 - val))}, {int(255 * val)}, 0, 0.2)'
+    
+    def apply_colors_to_series(s):
+        """Apply color gradient to a series of values"""
+        if len(s) == 0:
+            return []
+        normalized = (s - s.min()) / (s.max() - s.min()) if s.max() != s.min() else [0.5] * len(s)
+        return [color_background(val) for val in normalized]
+    
     styled = df.style.format({col: '{:.2f}%' for col in numeric_cols})
     
-    if show_progress_bars:
-        styled = styled.background_gradient(
-            cmap='RdYlGn',
-            subset=numeric_cols,
-            vmin=df[numeric_cols].min().min(),
-            vmax=df[numeric_cols].max().max()
-        )
+    # First apply highlighting to first column if needed
+    if highlight_first_column and len(numeric_cols) > 0:
+        first_numeric_col = numeric_cols[0]
+        styled = styled.apply(lambda x: [
+            'background-color: rgba(74, 144, 226, 0.2)' if col == first_numeric_col else '' 
+            for col in df.columns
+        ], axis=1)
     
-    if highlight_first_column and first_numeric_col:
-        styled = styled.set_properties(
-            subset=[first_numeric_col],
-            **{
-                'font-weight': 'bold',
-                'border-left': '3px solid #4a90e2',
-                'border-right': '3px solid #4a90e2'
-            }
-        )
+    # Then apply color gradients if needed
+    if show_progress_bars:
+        for col in numeric_cols:
+            styled = styled.apply(lambda s: apply_colors_to_series(s), subset=[col])
     
     styled = styled.set_properties(**{
         'padding': '10px',
@@ -120,22 +124,25 @@ def style_dataframe(df, highlight_first_column=True, show_progress_bars=True):
 
 def style_comparison_dataframe(df):
     """Style dataframe specifically for model comparison tables"""
-    numeric_cols = [col for col in df.columns if col not in ['Class', 'Difference']]
+    # Format all numeric columns as percentages
+    numeric_cols = df.select_dtypes(include=['float64']).columns
     
-    styled = df.style.format({
-        **{col: '{:.2f}%' for col in numeric_cols},
-        'Difference': '{:+.2f}%'  # Add plus sign for positive values
-    })
+    styled = df.style.format({col: '{:.2f}%' for col in numeric_cols})
     
-    # Apply red-green gradient only to Difference column
+    def color_difference(x):
+        """Color the difference column from red to green"""
+        if pd.isna(x):
+            return ''
+        # Normalize the value to a -1 to 1 scale for coloring
+        normalized = max(min(x / 10, 1), -1)  # Scale of ±10%
+        if normalized > 0:
+            return f'background-color: rgba(0, 128, 0, {abs(normalized) * 0.3})'
+        else:
+            return f'background-color: rgba(255, 0, 0, {abs(normalized) * 0.3})'
+    
+    # Apply color gradient only to the 'Difference' column
     if 'Difference' in df.columns:
-        max_abs_diff = max(abs(df['Difference'].min()), abs(df['Difference'].max()))
-        styled = styled.background_gradient(
-            cmap='RdYlGn',
-            subset=['Difference'],
-            vmin=-max_abs_diff,
-            vmax=max_abs_diff
-        )
+        styled = styled.applymap(color_difference, subset=['Difference'])
     
     styled = styled.set_properties(**{
         'padding': '10px',
@@ -157,59 +164,6 @@ def style_comparison_dataframe(df):
     ])
     
     return styled
-
-def style_comparison_dataframe(df):
-    """Style dataframe specifically for model comparison tables"""
-    numeric_cols = [col for col in df.columns if col not in ['Class', 'Difference']]
-    
-    # Basic formatting for numeric columns
-    formatter = {
-        **{col: '{:.2f}%' for col in numeric_cols},
-        'Difference': '{:+.2f}%'  # Add plus sign for positive values
-    }
-    
-    def highlight_cells(x):
-        """Style all cells in the row"""
-        if 'Difference' not in df.columns:
-            return [''] * len(df.columns)
-        
-        styles = [''] * len(df.columns)
-        diff_idx = df.columns.get_loc('Difference')
-        val = x['Difference']
-        
-        if not pd.isna(val):
-            # Normalize to ±10% scale
-            normalized = max(min(val / 10, 1), -1)
-            if normalized > 0:
-                styles[diff_idx] = f'background-color: rgba(0, 128, 0, {abs(normalized) * 0.4})'
-            else:
-                styles[diff_idx] = f'background-color: rgba(255, 0, 0, {abs(normalized) * 0.4})'
-        
-        return styles
-    
-    # Apply styling
-    styled = df.style\
-        .format(formatter)\
-        .apply(highlight_cells, axis=1)\
-        .set_properties(**{
-            'padding': '10px',
-            'border': '1px solid #dee2e6',
-            'text-align': 'center'
-        })\
-        .set_table_styles([
-            {'selector': 'th', 'props': [
-                ('background-color', '#4a90e2'),
-                ('color', 'white'),
-                ('font-weight', 'bold'),
-                ('padding', '10px'),
-                ('text-align', 'center')
-            ]},
-            {'selector': 'tr:hover', 'props': [
-                ('background-color', '#edf2f7')
-            ]}
-        ])
-    
-    return styled
     
 # Tab 1: Leaderboard
 with tab1:
@@ -614,7 +568,7 @@ with tab4:
         # Display the styled table
         
         st.dataframe(
-            style_comparison_dataframe(metric_df),
+            metric_df,
             use_container_width=True,
         )
         # Add visual separator

app.py

@@ -74,28 +74,32 @@ tab1, tab2, tab3, tab4 = st.tabs([
 
 def style_dataframe(df, highlight_first_column=True, show_progress_bars=True):
     numeric_cols = df.select_dtypes(include=['float64']).columns
-    first_numeric_col = numeric_cols[0] if len(numeric_cols) > 0 else None
     
-    # Start with basic formatting
+    def color_background(val):
+        """Return background color style based on value"""
+        return f'background-color: rgba({int(255 * (1 - val))}, {int(255 * val)}, 0, 0.2)'
+    
+    def apply_colors_to_series(s):
+        """Apply color gradient to a series of values"""
+        if len(s) == 0:
+            return []
+        normalized = (s - s.min()) / (s.max() - s.min()) if s.max() != s.min() else [0.5] * len(s)
+        return [color_background(val) for val in normalized]
+    
     styled = df.style.format({col: '{:.2f}%' for col in numeric_cols})
     
-    if show_progress_bars:
-        styled = styled.background_gradient(
-            cmap='RdYlGn',
-            subset=numeric_cols,
-            vmin=df[numeric_cols].min().min(),
-            vmax=df[numeric_cols].max().max()
-        )
+    # First apply highlighting to first column if needed
+    if highlight_first_column and len(numeric_cols) > 0:
+        first_numeric_col = numeric_cols[0]
+        styled = styled.apply(lambda x: [
+            'background-color: rgba(74, 144, 226, 0.2)' if col == first_numeric_col else '' 
+            for col in df.columns
+        ], axis=1)
     
-    if highlight_first_column and first_numeric_col:
-        styled = styled.set_properties(
-            subset=[first_numeric_col],
-            **{
-                'font-weight': 'bold',
-                'border-left': '3px solid #4a90e2',
-                'border-right': '3px solid #4a90e2'
-            }
-        )
+    # Then apply color gradients if needed
+    if show_progress_bars:
+        for col in numeric_cols:
+            styled = styled.apply(lambda s: apply_colors_to_series(s), subset=[col])
     
     styled = styled.set_properties(**{
         'padding': '10px',
@@ -120,22 +124,25 @@ def style_dataframe(df, highlight_first_column=True, show_progress_bars=True):
 
 def style_comparison_dataframe(df):
     """Style dataframe specifically for model comparison tables"""
-    numeric_cols = [col for col in df.columns if col not in ['Class', 'Difference']]
+    # Format all numeric columns as percentages
+    numeric_cols = df.select_dtypes(include=['float64']).columns
     
-    styled = df.style.format({
-        **{col: '{:.2f}%' for col in numeric_cols},
-        'Difference': '{:+.2f}%'  # Add plus sign for positive values
-    })
+    styled = df.style.format({col: '{:.2f}%' for col in numeric_cols})
     
-    # Apply red-green gradient only to Difference column
+    def color_difference(x):
+        """Color the difference column from red to green"""
+        if pd.isna(x):
+            return ''
+        # Normalize the value to a -1 to 1 scale for coloring
+        normalized = max(min(x / 10, 1), -1)  # Scale of ±10%
+        if normalized > 0:
+            return f'background-color: rgba(0, 128, 0, {abs(normalized) * 0.3})'
+        else:
+            return f'background-color: rgba(255, 0, 0, {abs(normalized) * 0.3})'
+    
+    # Apply color gradient only to the 'Difference' column
     if 'Difference' in df.columns:
-        max_abs_diff = max(abs(df['Difference'].min()), abs(df['Difference'].max()))
-        styled = styled.background_gradient(
-            cmap='RdYlGn',
-            subset=['Difference'],
-            vmin=-max_abs_diff,
-            vmax=max_abs_diff
-        )
+        styled = styled.applymap(color_difference, subset=['Difference'])
     
     styled = styled.set_properties(**{
         'padding': '10px',
@@ -157,59 +164,6 @@ def style_comparison_dataframe(df):
     ])
     
     return styled
-
-def style_comparison_dataframe(df):
-    """Style dataframe specifically for model comparison tables"""
-    numeric_cols = [col for col in df.columns if col not in ['Class', 'Difference']]
-    
-    # Basic formatting for numeric columns
-    formatter = {
-        **{col: '{:.2f}%' for col in numeric_cols},
-        'Difference': '{:+.2f}%'  # Add plus sign for positive values
-    }
-    
-    def highlight_cells(x):
-        """Style all cells in the row"""
-        if 'Difference' not in df.columns:
-            return [''] * len(df.columns)
-        
-        styles = [''] * len(df.columns)
-        diff_idx = df.columns.get_loc('Difference')
-        val = x['Difference']
-        
-        if not pd.isna(val):
-            # Normalize to ±10% scale
-            normalized = max(min(val / 10, 1), -1)
-            if normalized > 0:
-                styles[diff_idx] = f'background-color: rgba(0, 128, 0, {abs(normalized) * 0.4})'
-            else:
-                styles[diff_idx] = f'background-color: rgba(255, 0, 0, {abs(normalized) * 0.4})'
-        
-        return styles
-    
-    # Apply styling
-    styled = df.style\
-        .format(formatter)\
-        .apply(highlight_cells, axis=1)\
-        .set_properties(**{
-            'padding': '10px',
-            'border': '1px solid #dee2e6',
-            'text-align': 'center'
-        })\
-        .set_table_styles([
-            {'selector': 'th', 'props': [
-                ('background-color', '#4a90e2'),
-                ('color', 'white'),
-                ('font-weight', 'bold'),
-                ('padding', '10px'),
-                ('text-align', 'center')
-            ]},
-            {'selector': 'tr:hover', 'props': [
-                ('background-color', '#edf2f7')
-            ]}
-        ])
-    
-    return styled
     
 # Tab 1: Leaderboard
 with tab1:
@@ -614,7 +568,7 @@ with tab4:
         # Display the styled table
         
         st.dataframe(
-            style_comparison_dataframe(metric_df),
+            metric_df,
             use_container_width=True,
         )
         # Add visual separator