Initial leaderboard setup

.ipynb_checkpoints/app-checkpoint.py

@@ -79,31 +79,59 @@ def style_dataframe(df, highlight_first_column=True, show_progress_bars=True):
     # Start with basic formatting
     styled = df.style.format({col: '{:.2f}%' for col in numeric_cols})
     
-    def combined_style(data, column):
-        """Combine highlighting and gradient colors for a column"""
-        if data.empty:
-            return []
-        
-        # Normalize the data for gradient
-        normalized = (data - data.min()) / (data.max() - data.min()) if data.max() != data.min() else [0.5] * len(data)
-        
-        styles = []
-        for val, norm_val in zip(data, normalized):
-            style = []
-            if show_progress_bars:
-                style.append(f'background-color: rgba({int(255 * (1 - norm_val))}, {int(255 * norm_val)}, 0, 0.2)')
-            if highlight_first_column and column == first_numeric_col:
-                style.append('background-color: rgba(74, 144, 226, 0.2)')
-                style.append('font-weight: bold')
-            styles.append('; '.join(style) if style else '')
-        
-        return styles
+    if show_progress_bars:
+        styled = styled.background_gradient(
+            cmap='RdYlGn',  # Red to Yellow to Green colormap
+            subset=numeric_cols,
+            vmin=0,
+            vmax=100
+        )
     
-    # Apply combined styling to each numeric column
-    for col in numeric_cols:
-        styled = styled.apply(lambda x: combined_style(x, col), subset=[col])
+    if highlight_first_column and first_numeric_col:
+        styled = styled.set_properties(
+            subset=[first_numeric_col],
+            **{'font-weight': 'bold', 'border-left': '2px solid #4a90e2', 'border-right': '2px solid #4a90e2'}
+        )
+    
+    styled = styled.set_properties(**{
+        'padding': '10px',
+        'border': '1px solid #dee2e6',
+        'text-align': 'center'
+    })
+    
+    styled = styled.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
+
+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']]
+    
+    styled = df.style.format({
+        **{col: '{:.2f}%' for col in numeric_cols},
+        'Difference': '{:+.2f}%'  # Add plus sign for positive values
+    })
+    
+    # Apply red-green gradient only to Difference column
+    if 'Difference' in df.columns:
+        styled = styled.background_gradient(
+            cmap='RdYlGn',
+            subset=['Difference'],
+            vmin=-10,  # -10% difference
+            vmax=10    # +10% difference
+        )
     
-    # Apply basic styling
     styled = styled.set_properties(**{
         'padding': '10px',
         'border': '1px solid #dee2e6',

app.py

@@ -79,31 +79,59 @@ def style_dataframe(df, highlight_first_column=True, show_progress_bars=True):
     # Start with basic formatting
     styled = df.style.format({col: '{:.2f}%' for col in numeric_cols})
     
-    def combined_style(data, column):
-        """Combine highlighting and gradient colors for a column"""
-        if data.empty:
-            return []
-        
-        # Normalize the data for gradient
-        normalized = (data - data.min()) / (data.max() - data.min()) if data.max() != data.min() else [0.5] * len(data)
-        
-        styles = []
-        for val, norm_val in zip(data, normalized):
-            style = []
-            if show_progress_bars:
-                style.append(f'background-color: rgba({int(255 * (1 - norm_val))}, {int(255 * norm_val)}, 0, 0.2)')
-            if highlight_first_column and column == first_numeric_col:
-                style.append('background-color: rgba(74, 144, 226, 0.2)')
-                style.append('font-weight: bold')
-            styles.append('; '.join(style) if style else '')
-        
-        return styles
+    if show_progress_bars:
+        styled = styled.background_gradient(
+            cmap='RdYlGn',  # Red to Yellow to Green colormap
+            subset=numeric_cols,
+            vmin=0,
+            vmax=100
+        )
     
-    # Apply combined styling to each numeric column
-    for col in numeric_cols:
-        styled = styled.apply(lambda x: combined_style(x, col), subset=[col])
+    if highlight_first_column and first_numeric_col:
+        styled = styled.set_properties(
+            subset=[first_numeric_col],
+            **{'font-weight': 'bold', 'border-left': '2px solid #4a90e2', 'border-right': '2px solid #4a90e2'}
+        )
+    
+    styled = styled.set_properties(**{
+        'padding': '10px',
+        'border': '1px solid #dee2e6',
+        'text-align': 'center'
+    })
+    
+    styled = styled.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
+
+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']]
+    
+    styled = df.style.format({
+        **{col: '{:.2f}%' for col in numeric_cols},
+        'Difference': '{:+.2f}%'  # Add plus sign for positive values
+    })
+    
+    # Apply red-green gradient only to Difference column
+    if 'Difference' in df.columns:
+        styled = styled.background_gradient(
+            cmap='RdYlGn',
+            subset=['Difference'],
+            vmin=-10,  # -10% difference
+            vmax=10    # +10% difference
+        )
     
-    # Apply basic styling
     styled = styled.set_properties(**{
         'padding': '10px',
         'border': '1px solid #dee2e6',