Update app.py

app.py

@@ -753,7 +753,7 @@ def tab_inicio(df_ods, df_metas, df_indicador):
                 <div style="display: flex; flex-direction: column; align-items: center; text-align: center; flex: 1; min-width: 150px;">
                     <img src="{dict_logos[row['logo_id']]}" 
                          alt="ODS {row['ODS_ID']}" 
-                         width="{int(400*(row['ods_similaridad_cos_normalized']**2))}" 
+                         width="{int(400*(row['ods_similaridad_cos_normalized']**3))}" 
                          style="margin: 0 auto; display: block;" />
                     <!-- <p style="margin: 10px 0; color: #333; font-weight: bold;">{row['OBJETIVO']}</p> -->
                 </div>''' for _, row in top_ods.iterrows()])}
@@ -767,7 +767,7 @@ def tab_inicio(df_ods, df_metas, df_indicador):
                 <div style="display: flex; flex-direction: column; align-items: center; text-align: center; flex: 1; min-width: 150px;">
                     <img src="{dict_logos[row['logo_id']]}" 
                          alt="ODS {row['ODS_ID']}" 
-                         width="{int(200*(row['meta_similaridad_cos_normalized']**2))}"
+                         width="{int(200*(row['meta_similaridad_cos_normalized']**3))}"
                          style="margin: 0 auto; display: block;" />
                     <p style="margin: 10px 0 5px 0; color: #333; font-size: 12px;"><strong style="color: #333;">Meta:</strong> {row['META_ID']}</p>
                     <!-- <p style="margin: 0; color: #666; font-size: 12px;">{row['META']}</p> -->
@@ -785,11 +785,11 @@ def tab_inicio(df_ods, df_metas, df_indicador):
                 <div style="display: flex; flex-direction: column; align-items: center; text-align: center; flex: 1; min-width: 150px;">
                     <img src="{dict_logos[row['logo_id']]}" 
                          alt="ODS {row['ODS_ID']}" 
-                         width="{int(200*(row['indicador_similaridad_cos_normalized']**2))}"
+                         width="{int(200*(row['indicador_similaridad_cos_normalized']**3))}"
                          style="margin: 0 auto; display: block;" />
                     <p style="margin: 10px 0 5px 0; color: #333; font-size: 12px;"><strong style="color: #333;">Ind:</strong> {row['INDICADOR_ID']}</p>
-                    <!-- <p style="margin: 0; color: #666; font-size: 12px;">{row['INDICADOR']}</p> -->
-                    <!-- <p style="margin: 5px 0 0 0; color: #333; font-size: 11px;">Sim: {row['indicador_similaridad_cos_normalized']:.3f}</p> -->
+                    <p style="margin: 0; color: #666; font-size: 12px;">{row['INDICADOR']}</p> 
+                    <p style="margin: 5px 0 0 0; color: #333; font-size: 11px;">Sim: {row['indicador_similaridad_cos_normalized']:.3f}</p>
                     <p style="margin: 5px 0 0 0; color: #333; font-size: 11px;">Rank: {row['indicador_rank']}</p>
                 </div>''' for _, row in top_indicador.iterrows()])}
             </div>
@@ -937,7 +937,7 @@ def tab_inicio_mass(df_ods=None, df_metas=None, df_indicador=None):
                 <div style="display: flex; flex-direction: column; align-items: center; text-align: center; flex: 1; min-width: 150px;">
                     <img src="{dict_logos[row['logo_id']]}" 
                          alt="ODS {row['ODS_ID']}" 
-                         width="{int(400*(row['score']**2))}" 
+                         width="{int(400*(row['score']**3))}" 
                          style="margin: 0 auto; display: block;" />
                     
                 </div>''' for _, row in top_ods.iterrows()])}
@@ -951,12 +951,12 @@ def tab_inicio_mass(df_ods=None, df_metas=None, df_indicador=None):
                 <div style="display: flex; flex-direction: column; align-items: center; text-align: center; flex: 1; min-width: 150px;">
                     <img src="{dict_logos[row['logo_id']]}" 
                          alt="ODS {row['ODS_ID']}" 
-                         width="{int(100*(row['score']**2))}"
+                         width="{int(100*(row['score']**3))}"
                          style="margin: 0 auto; display: block;" />
                     <p style="margin: 10px 0 5px 0; color: #333; font-size: 12px;"><strong color="#333">Meta:</strong> {row['META_ID']}</p>
                     
                     <!-- <p style="margin: 5px 0 0 0; color: #333; font-size: 11px;">Sim: {row['score']:.3f}</p> -->
-                    <p style="margin: 5px 0 0 0; color: #333; font-size: 11px;">Rank: {row['rank']}</p>
+                    <!-- <p style="margin: 5px 0 0 0; color: #333; font-size: 11px;">Rank: {row['rank']}</p> -->
                 </div>''' for _, row in top_metas.iterrows()])}
             </div>
         </div>
@@ -969,11 +969,11 @@ def tab_inicio_mass(df_ods=None, df_metas=None, df_indicador=None):
                 <div style="display: flex; flex-direction: column; align-items: center; text-align: center; flex: 1; min-width: 150px;">
                     <img src="{dict_logos[row['logo_id']]}" 
                          alt="ODS {row['ODS_ID']}" 
-                         width="{int(100*(row['score']**2))}"
+                         width="{int(100*(row['score']**3))}"
                          style="margin: 0 auto; display: block;" />
                     <p style="margin: 10px 0 5px 0; color: #333; font-size: 12px;"><strong color="#333">Ind:</strong> {row['INDICADOR_ID']}</p>
                     
-                    <!-- <p style="margin: 5px 0 0 0; color: #333; font-size: 11px;">Sim: {row['score']:.3f}</p> -->
+                    <p style="margin: 5px 0 0 0; color: #333; font-size: 11px;">Sim: {row['score']:.3f}</p>
                     <p style="margin: 5px 0 0 0; color: #333; font-size: 11px;">Rank: {row['rank']}</p>
                 </div>''' for _, row in top_indicador.iterrows()])}
             </div>