Update home.py

home.py

@@ -136,7 +136,7 @@ def show_home():
 
     # Wordcloud for Hoax
     with col5:
-        st.markdown("<h6 style='font-size: 14px; margin-bottom: 0;'>Wordcloud for Hoax</h6>", unsafe_allow_html=True)
+        st.markdown("<h6 style='font-size: 14px; margin-bottom: 0;'>Wordcloud Hoax</h6>", unsafe_allow_html=True)
         hoax_text = ' '.join(df[df['Label'] == 'HOAX']['Content'])
         wordcloud_hoax = generate_wordcloud(hoax_text, 'Reds', combined_stopwords)
         fig_hoax = plt.figure(figsize=(5, 2.5))
@@ -146,6 +146,7 @@ def show_home():
     
     with col6:
         st.markdown("<h6 style='font-size: 14px; margin-bottom: 0;'>Klasifikasi</h6>", unsafe_allow_html=True)
+        df['Classification'] = df['Classification'].str.lower()
         df_classification_counts = df['Classification'].value_counts().reset_index()
         df_classification_counts.columns = ['Classification', 'Count']
     
@@ -233,7 +234,7 @@ def show_home():
     for row in data:
         formatted_row = [f"{item:.4f}" if isinstance(item, float) else item for item in row]
         if row == highest_accuracy:
-            html_table += "<tr style='background-color: #FC9576; font-size: 12px; text-align: center; border: 1px solid transparent;'>"
+            html_table += "<tr style='background-color: #FFF1EA; font-size: 12px; text-align: center; border: 1px solid transparent;'>"
         else:
             html_table += "<tr style='font-size: 12px; text-align: center; border: 1px solid transparent;'>"
     
@@ -261,30 +262,30 @@ def show_home():
         <table style="width:100%; border-collapse: collapse; font-size: 12px;">
             <thead>
                 <tr style="border-top: 1.5px solid #B2BABB; border-bottom: 1.5px solid #B2BABB;"> 
-                    <th style="padding: 8px; border: 1px solid transparent; font-weight: bold; background-color: #f2f2f2; text-align: left;">Label</th>
-                    <th style="padding: 8px; border: 1px solid transparent; font-weight: bold; background-color: #f2f2f2; text-align: center;">Train</th>
-                    <th style="padding: 8px; border: 1px solid transparent; font-weight: bold; background-color: #f2f2f2; text-align: center;">Test</th>
-                    <th style="padding: 8px; border: 1px solid transparent; font-weight: bold; background-color: #f2f2f2; text-align: center;">Dev</th>
+                    <th style="padding: 8px; border: 1px solid transparent; font-weight: bold; background-color: #d5f4e6; text-align: left;">Label</th>
+                    <th style="padding: 8px; border: 1px solid transparent; font-weight: bold; background-color: #d5f4e6; text-align: center;">Train</th>
+                    <th style="padding: 8px; border: 1px solid transparent; font-weight: bold; background-color: #d5f4e6; text-align: center;">Test</th>
+                    <th style="padding: 8px; border: 1px solid transparent; font-weight: bold; background-color: #d5f4e6; text-align: center;">Dev</th>
                 </tr>
             </thead>
             <tbody>
                 <tr style="border-bottom: 1px solid transparent;">
-                    <td style="padding: 8px; border: 1px solid transparent; background-color: #f2f2f2;">HOAX</td>
-                    <td style="padding: 8px; border: 1px solid transparent; background-color: #f2f2f2; text-align: center;">11.563</td>
-                    <td style="padding: 8px; border: 1px solid transparent; background-color: #f2f2f2; text-align: center;">193</td>
-                    <td style="padding: 8px; border: 1px solid transparent; background-color: #f2f2f2; text-align: center;">193</td>
+                    <td style="padding: 8px; border: 1px solid transparent; background-color: #d5f4e6;">HOAX</td>
+                    <td style="padding: 8px; border: 1px solid transparent; background-color: #d5f4e6; text-align: center;">11.563</td>
+                    <td style="padding: 8px; border: 1px solid transparent; background-color: #d5f4e6; text-align: center;">193</td>
+                    <td style="padding: 8px; border: 1px solid transparent; background-color: #d5f4e6; text-align: center;">193</td>
                 </tr>
                 <tr style="border-bottom: 1px solid black;">
-                    <td style="padding: 8px; border: 1px solid transparent; background-color: #f2f2f2;">NON-HOAX</td>
-                    <td style="padding: 8px; border: 1px solid transparent; background-color: #f2f2f2; text-align: center;">789</td>
-                    <td style="padding: 8px; border: 1px solid transparent; background-color: #f2f2f2; text-align: center;">106</td>
-                    <td style="padding: 8px; border: 1px solid transparent; background-color: #f2f2f2; text-align: center;">106</td>
+                    <td style="padding: 8px; border: 1px solid transparent; background-color: #d5f4e6;">NON-HOAX</td>
+                    <td style="padding: 8px; border: 1px solid transparent; background-color: #d5f4e6; text-align: center;">789</td>
+                    <td style="padding: 8px; border: 1px solid transparent; background-color: #d5f4e6; text-align: center;">106</td>
+                    <td style="padding: 8px; border: 1px solid transparent; background-color: #d5f4e6; text-align: center;">106</td>
                 </tr>
                 <tr style="font-weight: bold; border-top: 1px solid transparent; border-bottom: 1.5px solid #B2BABB;">
-                    <td style="padding: 8px; border: 1px solid transparent; background-color: #f2f2f2;">TOTAL</td>
-                    <td style="padding: 8px; border: 1px solid transparent; background-color: #f2f2f2; text-align: center;">12,352</td>
-                    <td style="padding: 8px; border: 1px solid transparent; background-color: #f2f2f2; text-align: center;">299</td>
-                    <td style="padding: 8px; border: 1px solid transparent; background-color: #f2f2f2; text-align: center;">299</td>
+                    <td style="padding: 8px; border: 1px solid transparent; background-color: #d5f4e6;">TOTAL</td>
+                    <td style="padding: 8px; border: 1px solid transparent; background-color: #d5f4e6; text-align: center;">12,352</td>
+                    <td style="padding: 8px; border: 1px solid transparent; background-color: #d5f4e6; text-align: center;">299</td>
+                    <td style="padding: 8px; border: 1px solid transparent; background-color: #d5f4e6; text-align: center;">299</td>
                 </tr>
             </tbody>
         </table>