explanations

app.py

@@ -135,7 +135,7 @@ with gr.Blocks(css="""
         box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
     }
     .styled-table thead tr {
-        background-color: #009879;
+        background-color: #96b9D0;
         color: #ffffff;
         text-align: left;
     }
@@ -148,7 +148,11 @@ with gr.Blocks(css="""
     }
 """) as demo:
     gr.Markdown("# 🎯 Phonemic Transcription Model Evaluation Leaderboard")
-    
+    gr.Markdown("""
+    ## Explanation of Metrics
+    - **PER (Phoneme Error Rate)**: The Levenshtein distance calculated between phoneme sequences of the predicted and actual transcriptions. 
+    - **PWED (Phoneme Weighted Edit Distance)**: A measure of the edit distance between the predicted and actual phoneme sequences, weighted by the phonemic feature distance. Feature vectors provided by panphon library
+    """)
     with gr.Tabs():
         with gr.TabItem("🏆 Leaderboard"):
             leaderboard_html = gr.HTML(create_html_table(format_leaderboard_df(load_leaderboard_data())))