Upload folder using huggingface_hub

app/draw_diagram.py

@@ -39,10 +39,13 @@ def draw(folder_name, category_name, dataset_name, metrics):
     
     st.markdown("""
                 <style>
-                    .stMultiSelect [data-baseweb=select] span{
-                        max-width: 800px;
-                        font-size: 0.9rem;
-                    }
+                .stMultiSelect [data-baseweb=select] span {
+                    max-width: 800px;
+                    font-size: 0.9rem;
+                    background-color: #3C6478 !important; /* Background color for selected items */
+                    color: white; /* Change text color */
+                    back
+                }
                 </style>
                 """, unsafe_allow_html=True)
     
@@ -51,8 +54,8 @@ def draw(folder_name, category_name, dataset_name, metrics):
     chart_data['Model'] = chart_data['Model'].map(display_model_names)
 
     models = st.multiselect("Please choose the model", 
-                            chart_data['Model'].tolist(), 
-                            default =  chart_data['Model'].tolist())
+                            sorted(chart_data['Model'].tolist()), 
+                            default =  sorted(chart_data['Model'].tolist()))
     
     chart_data = chart_data[chart_data['Model'].isin(models)]
     
@@ -125,8 +128,8 @@ def draw(folder_name, category_name, dataset_name, metrics):
         s = ''
         for model in models:
             try:
+                # <td align="center"><input type="checkbox" name="select"></td>
                 s += f"""<tr>
-                    <td align="center"><input type="checkbox" name="select"></td>
                     <td><a href={model_link[model]}>{model}</a></td>
                     <td>{chart_data[chart_data['Model'] == model][new_dataset_name].tolist()[0]}</td>
                 </tr>"""
@@ -149,10 +152,9 @@ def draw(folder_name, category_name, dataset_name, metrics):
                     """, unsafe_allow_html=True)
 
         info_body_details = f"""
-            <table style="width:100%">
+            <table style="width:80%">
                 <thead>
                     <tr style="text-align: center;">
-                        <th style="width:10%"><input type="checkbox" onclick="toggle(this);"></th>
                         <th style="width:45%">MODEL</th>
                         <th style="width:45%">{dataset_name}</th>
                     </tr>
@@ -160,6 +162,7 @@ def draw(folder_name, category_name, dataset_name, metrics):
                 </thead>
             </table>
         """
+        #<th style="width:10%"><input type="checkbox" onclick="toggle(this);"></th>
         # html_code = custom_css + select_all_function + info_body_details
         # html(html_code, height = 300)
                     

app/pages.py

@@ -18,10 +18,10 @@ def dataset_contents(dataset, metrics):
                 """
     st.markdown(custom_css, unsafe_allow_html=True)
     st.markdown(f"""<div class="my-dataset-info">
-                    <p>DATASET INFORMATION: {dataset}</p>
+                    <p><b>Dataset Information</b>: {dataset}</p>
                     </div>""", unsafe_allow_html=True)
     st.markdown(f"""<div class="my-dataset-info">
-                    <p>METRIC INFORMATION: {metrics}</p>
+                    <p><b>Metric Information</b>: {metrics}</p>
                     </div>""", unsafe_allow_html=True)