plots made better + plot per language

app.py

@@ -1,6 +1,3 @@
-from ctypes.wintypes import LANGID
-from curses import meta
-from email.policy import default
 import pycountry 
 import os
 import csv
@@ -182,12 +179,14 @@ def get_metadata_json(path):
 
 
 def plot_bar(value,name,x_name,y_name,title):
-    
-    plt.barh(name, value)
-    plt.ylabel(y_name)
-    plt.xlabel(x_name)
-    plt.title(title)
-    return plt 
+    fig, ax = plt.subplots(figsize=(10,4),tight_layout=True)
+
+    ax.set(xlabel=x_name, ylabel=y_name,title=title)
+
+    ax.barh(name, value)
+   
+  
+    return ax.figure 
 
 def get_metadata_of_dataset():
     repo.git_pull()
@@ -268,6 +267,10 @@ __Note:__  You should record all numbers shown till the end. It does not count i
 """
 
 
+
+PLOTS_FOR_GRADIO = []
+FUNCTIONS_FOR_GRADIO = []
+
 # Interface design begins
 block = gr.Blocks(css=BLOCK_CSS)
 with block:
@@ -298,7 +301,7 @@ with block:
 
         with gr.TabItem('Dashboard') as listen_tab:
             
-            gr.Markdown("Statistics on the recordings contributed. You can find them <a href='https://huggingface.co/datasets/chrisjay/crowd-speech-africa' target='blank'>here</a>.")
+            gr.Markdown("Statistics on the recordings contributed. You can find the dataset <a href='https://huggingface.co/datasets/chrisjay/crowd-speech-africa' target='blank'>here</a>.")
             display_html =  gr.HTML("""<div style="color: green">
                 <p> ⌛ Please wait. Loading dashboard... </p>
                 </div>
@@ -307,6 +310,10 @@ with block:
             metadata_all = get_metadata_of_dataset()
 
             def show_records():
+                global PLOTS_FOR_GRADIO
+                global FUNCTIONS_FOR_GRADIO
+
+                assert len(PLOTS_FOR_GRADIO) == len(FUNCTIONS_FOR_GRADIO), f"Function output and gradio plots must be the same length! \n Found: function => {len(FUNCTIONS_FOR_GRADIO)} and gradio plots => {len(PLOTS_FOR_GRADIO)}."
                 langs=[m['language_name'] for m in metadata_all]
                 all_genders = [m['gender'] for m in metadata_all
                 ]
@@ -318,8 +325,7 @@ with block:
                 html = f"""<div class="infoPoint">
                             <h1> Hooray! We have collected {len(metadata_all)} samples!</h1> 
                             """ 
-                
-                return html,plt_
+                return [html,plt_]+FUNCTIONS_FOR_GRADIO
             
 
             
@@ -343,17 +349,21 @@ with block:
                     plot_digits = gr.Plot(type="matplotlib")
                     plot_gender = gr.Plot(type="matplotlib")
 
+                    PLOTS_FOR_GRADIO.append(plot_digits)
+                    PLOTS_FOR_GRADIO.append(plot_gender)
+
                     def plot_metadata_for_language():
                         plt_digits = plot_bar(digits_count_for_language,digits_name_for_language,'Number of audio samples',"Digit",f"Distribution of audio samples over digits for {language.upper()} ")
-                        plt_gender = plot_bar(gender_count_for_language,gender_name_for_language,'Number of audio samples',"Gender",f"Distribution of audio samples over digits for {language.upper()}")
+                        plt_gender = plot_bar(gender_count_for_language,gender_name_for_language,'Number of audio samples',"Gender",f"Distribution of audio samples over gender for {language.upper()}")
                         return plt_digits, plt_gender
 
-
-                    row_lang.select(plot_metadata_for_language,inputs=[],outputs=[plot_digits,plot_gender])
+                    output_digits,ouput_gender = plot_metadata_for_language()    
+                    FUNCTIONS_FOR_GRADIO.append(output_digits)
+                    FUNCTIONS_FOR_GRADIO.append(ouput_gender)
            
            
             #listen = gr.Button("Listen")
-            listen_tab.select(show_records,inputs=[],outputs=[display_html,plot])
+            listen_tab.select(show_records,inputs=[],outputs=[display_html,plot]+PLOTS_FOR_GRADIO)
 
 
             # Have a list of the languages. lang