Renders name/hub ID as a clickable link that goes to someones Hub profile

app.py

@@ -214,6 +214,10 @@ def kpi_chart() -> alt.Chart:
 
     return chart
 
+def render_hub_user_link(hub_id):
+    link = f"https://huggingface.co/{hub_id}"
+    return f'<a target="_blank" href="{link}" style="color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;">{hub_id}</a>'
+
 
 def obtain_top_5_users(user_ids_annotations: Dict[str, int]) -> pd.DataFrame:
     """
@@ -229,6 +233,7 @@ def obtain_top_5_users(user_ids_annotations: Dict[str, int]) -> pd.DataFrame:
     dataframe = pd.DataFrame(
         user_ids_annotations.items(), columns=["Name", "Submitted Responses"]
     )
+    dataframe['Name'] = dataframe['Name'].apply(render_hub_user_link)
     dataframe = dataframe.sort_values(by="Submitted Responses", ascending=False)
     return dataframe.head(50)
 
@@ -328,7 +333,7 @@ def main() -> None:
                 value=top5_dataframe,
                 headers=["Name", "Submitted Responses"],
                 datatype=[
-                    "str",
+                    "markdown",
                     "number",
                 ],
                 row_count=50,