Fix font consistency and remove code duplication in visualizations.py

- Remove duplicated branding code (OPENHANDS_LOGO_PATH, URL_ANNOTATION,
get_openhands_logo_images, add_branding_to_figure) - now imported from
leaderboard_transformer.py
- Fix STANDARD_FONT to use FONT_FAMILY_SHORT constant instead of hardcoded 'Outfit'
- All charts now consistently use Arial font from constants.py

Co-authored-by: openhands <openhands@all-hands.dev>

visualizations.py

@@ -10,8 +10,12 @@ import base64
 import aliases
 from constants import FONT_FAMILY, FONT_FAMILY_SHORT
 
-# Import company logo mapping from leaderboard_transformer
-from leaderboard_transformer import get_company_from_model, get_marker_icon
+# Import shared utilities from leaderboard_transformer
+from leaderboard_transformer import (
+    get_company_from_model,
+    get_marker_icon,
+    add_branding_to_figure,
+)
 from ui_components import get_svg_as_data_uri
 from constants import MARK_BY_DEFAULT
 
@@ -36,101 +40,13 @@ STANDARD_LAYOUT = dict(
     margin=dict(b=80),  # Extra margin for logo and URL
 )
 
-# Standard font for annotations
+# Standard font for annotations - uses constants for consistency
 STANDARD_FONT = dict(
     size=10,
     color='#0D0D0F',  # neutral-950
-    family='Outfit'
+    family=FONT_FAMILY_SHORT
 )
 
-# OpenHands branding constants
-OPENHANDS_LOGO_PATH_LIGHT = "assets/openhands_logo_color_forwhite.png"
-OPENHANDS_LOGO_PATH_DARK = "assets/openhands_logo_color_forblack.png"
-OPENHANDS_URL = "https://index.openhands.dev"
-
-# URL annotation for bottom right of charts
-URL_ANNOTATION = dict(
-    text=OPENHANDS_URL,
-    xref="paper",
-    yref="paper",
-    x=1,
-    y=-0.15,
-    xanchor="right",
-    yanchor="bottom",
-    showarrow=False,
-    font=dict(
-        family="Outfit, ui-sans-serif, sans-serif",
-        size=14,
-        color="#82889B",  # neutral-400
-    ),
-)
-
-
-def get_openhands_logo_images():
-    """Get both light and dark mode OpenHands logos as Plotly image dicts.
-    
-    Returns two images - one for light mode (forwhite) and one for dark mode (forblack).
-    CSS is used to show/hide the appropriate logo based on the current mode.
-    """
-    images = []
-    
-    # Light mode logo (visible in light mode, hidden in dark mode)
-    if os.path.exists(OPENHANDS_LOGO_PATH_LIGHT):
-        try:
-            with open(OPENHANDS_LOGO_PATH_LIGHT, "rb") as f:
-                logo_data = base64.b64encode(f.read()).decode('utf-8')
-            images.append(dict(
-                source=f"data:image/png;openhands=lightlogo;base64,{logo_data}",
-                xref="paper",
-                yref="paper",
-                x=0,
-                y=-0.15,
-                sizex=0.15,
-                sizey=0.15,
-                xanchor="left",
-                yanchor="bottom",
-            ))
-        except Exception:
-            pass
-    
-    # Dark mode logo (hidden in light mode, visible in dark mode)
-    if os.path.exists(OPENHANDS_LOGO_PATH_DARK):
-        try:
-            with open(OPENHANDS_LOGO_PATH_DARK, "rb") as f:
-                logo_data = base64.b64encode(f.read()).decode('utf-8')
-            images.append(dict(
-                source=f"data:image/png;openhands=darklogo;base64,{logo_data}",
-                xref="paper",
-                yref="paper",
-                x=0,
-                y=-0.15,
-                sizex=0.15,
-                sizey=0.15,
-                xanchor="left",
-                yanchor="bottom",
-            ))
-        except Exception:
-            pass
-    
-    return images
-
-
-def add_branding_to_figure(fig: go.Figure) -> go.Figure:
-    """Add OpenHands logo and URL to a Plotly figure."""
-    # Add both light and dark mode logo images
-    logo_images = get_openhands_logo_images()
-    if logo_images:
-        existing_images = list(fig.layout.images) if fig.layout.images else []
-        existing_images.extend(logo_images)
-        fig.update_layout(images=existing_images)
-    
-    # Add URL annotation
-    existing_annotations = list(fig.layout.annotations) if fig.layout.annotations else []
-    existing_annotations.append(URL_ANNOTATION)
-    fig.update_layout(annotations=existing_annotations)
-    
-    return fig
-
 
 def create_evolution_over_time_chart(df: pd.DataFrame, mark_by: str = None) -> go.Figure:
     """