chore: minor updates

src/app.py

@@ -61,7 +61,7 @@ def render_performance_metrics(metrics: Dict[str, Any]):
     col1, col2, col3, col4, col5 = st.columns(5)
 
     with col1:
-        st.metric("Top Device", metrics["top_device"])
+        st.metric("🏆 Top Device", metrics["top_device"])
     with col2:
         st.metric("Top Score", f"{metrics['top_score']:.1f}")
     with col3:
@@ -154,13 +154,13 @@ async def main():
 
         with tab1:
             # Device rankings view
-            st.title("🏆 Device Rankings")
+            st.title(" Device Rankings")
 
             # Show standardization notice
-            st.info(
-                f"📊 Rankings are based on benchmarks with standard conditions: "
+            st.text(
+                f"📊 The rankings are based on the Glicko-2 algorithm."
+                f" Rankings are based on benchmarks with standard conditions: "
                 f"PP={512} tokens, TG={128} tokens. "
-                f"The rankings are based on the Glicko-2 algorithm."
             )
 
             # Render performance metrics

src/components/visualizations.py

@@ -381,7 +381,7 @@ def create_device_radar_chart(g2_confident_display: pd.DataFrame, top_n: int = 1
     return fig
 
 
-def create_ranking_ladder(g2_confident_display: pd.DataFrame, top_n: int = 20):
+def create_ranking_ladder(g2_confident_display: pd.DataFrame, top_n: int = 30):
     """Create a ranking ladder visualization showing device positions and confidence intervals."""
     # Select top N devices
     top_devices = g2_confident_display.nlargest(top_n, "Rating").copy()
@@ -445,7 +445,7 @@ def create_ranking_ladder(g2_confident_display: pd.DataFrame, top_n: int = 20):
     fig.update_layout(
         title=dict(
             text=f"Device Ranking Ladder (Top {top_n})",
-            x=0.5,
+            x=0.4,
             y=0.95,
             font=dict(size=16, family="Arial, sans-serif", color="rgba(0,0,0,1.0)"),
         ),
@@ -481,11 +481,12 @@ def create_ranking_ladder(g2_confident_display: pd.DataFrame, top_n: int = 20):
             x=1,
             font=dict(size=12, family="Arial, sans-serif", color="rgba(0,0,0,1.0)"),
         ),
-        margin=dict(t=100, l=50, r=200, b=50),
+        margin=dict(t=100, l=50, r=100, b=50),  # Reduced right margin from 200 to 100
         height=800,
         hovermode="closest",
         paper_bgcolor="rgba(255,255,255,1)",  # Pure white background
         plot_bgcolor="rgba(255,255,255,1)",  # Pure white plot area
+        autosize=True,  # Enable responsive sizing
     )
 
     return fig
@@ -507,7 +508,7 @@ def render_device_rankings(df: pd.DataFrame):
             )
 
             # Display performance overview
-            st.subheader("🏆 Performance Overview")
+            # st.subheader("🏆 Performance Overview")
 
             # Get top device from Glicko-2 rankings
             top_device = g2_confident.index[0] if not g2_confident.empty else "N/A"
@@ -522,7 +523,7 @@ def render_device_rankings(df: pd.DataFrame):
             # Display metrics in columns
             col1, col2, col3 = st.columns([3, 1, 1])
             with col1:
-                st.metric("Top Device", top_device_clean)
+                st.metric("🏆 Top Device", top_device_clean)
             with col2:
                 st.metric("Total Devices", total_devices)
             with col3:
@@ -532,7 +533,7 @@ def render_device_rankings(df: pd.DataFrame):
 
             # Display confident rankings
             if not g2_confident.empty:
-                st.subheader("📱 Device Rankings")
+                # st.subheader("📱 Device Rankings")
 
                 # Create a copy and handle the index
                 g2_confident_display = g2_confident.copy()