Add a page to view "unbalanced" aliases

app.py

@@ -136,6 +136,15 @@ def see_similar_aliases():
         run_path_param = request.args.get("run_path", "")
         return render_template("similar_aliases.html", run_path=run_path_param)
 
+    @app.route("/outliers/unbalanced-aliases", methods=["GET"])
+    def see_unbalanced_aliases():
+        """View aliases with fewer occurrences relative to the total number of alias occurrences."""
+        run_path_param = request.args.get("run_path")
+        if not run_path_param:
+            return redirect(url_for("visualisations_page"))
+
+        return render_template("unbalanced-aliases.html", run_path=run_path_param)
+
     @app.errorhandler(BadRequest)
     def handle_bad_request(e):
         return jsonify({"error": e.description}), 400

static/css/metrics.css

@@ -262,7 +262,7 @@ tr.selected td:first-child {
 }
 
 .detail-sidebar {
-  width: 300px;
+  width: 400px;
   border-right: 1px solid #e5e7eb;
   display: flex;
   flex-direction: column;
@@ -316,6 +316,14 @@ tr.selected td:first-child {
   padding-left: 13px;
 }
 
+.alias-list-item.unbalanced {
+  background-color: #f4d7d7
+}
+
+.alias-list-item.balanced, .alias-list-item.balanced .alias-list-count {
+  color: #cecece
+}
+
 .alias-list-count {
   color: #6b7280;
   font-size: 0.75rem;