Added sorting to performance tab

components.py

@@ -222,8 +222,18 @@ def performance_view(data: pd.DataFrame, models_to_plot: set[str]):
             "Aggregation", ["min", "mean", "median", "max", "std"], index=1
         )
     st.markdown(f"#### {aggregation.capitalize()} {metric} per building")
+
+    rank_df = (
+        data_to_plot.groupby(["model"])
+        .agg("median", numeric_only=True)
+        .sort_values(by=f"{metric}.{aggregation}")
+        .reset_index()
+        .rename_axis("rank")
+        .reset_index()[["rank", "model"]]
+    )
+
     fig = px.box(
-        data_to_plot,
+        data_to_plot.merge(rank_df, on="model").sort_values(by="rank"),
         x=f"{metric}.{aggregation}",
         y="model",
         color="model",
@@ -305,12 +315,19 @@ def performance_view(data: pd.DataFrame, models_to_plot: set[str]):
     styled_table = metrics_table.style.pipe(custom_table)
     st.dataframe(styled_table, use_container_width=True)
 
-    metrics_table = (
+    metrics_per_building_table = (
         data_to_plot.groupby(["model", "unique_id"])
         .apply(aggregation, numeric_only=True)
         .reset_index()
         .pivot(index="model", columns="unique_id", values=f"{metric}.{aggregation}")
     )
+    metrics_per_building_table.insert(
+        0, "median", metrics_per_building_table.median(axis=1)
+    )
+    metrics_per_building_table.insert(
+        0, "mean", metrics_per_building_table.mean(axis=1)
+    )
+    metrics_per_building_table = metrics_per_building_table.sort_values(by="mean")
 
     def custom_table(styler):
         styler.background_gradient(cmap="seismic", axis=None)
@@ -321,7 +338,7 @@ def performance_view(data: pd.DataFrame, models_to_plot: set[str]):
         return styler
 
     st.markdown(f"#### {aggregation.capitalize()} {metric} stats per building")
-    styled_table = metrics_table.style.pipe(custom_table)
+    styled_table = metrics_per_building_table.style.pipe(custom_table)
     st.dataframe(styled_table, use_container_width=True)