Enhance exam review UI with detailed response summaries and progress bars for answer choices

anatomy/views.py

@@ -308,8 +308,8 @@ def exam_review_question_summary(request, pk: int, q_index: int):
     for s, c in ua_qs.values_list("score").annotate(count=Count("id")) if False else []:
         pass
 
-    # simpler: compute via values
-    score_counts = {row["score"] if row["score"] is not None else "": row["count"] for row in ua_qs.values("score").annotate(count=Count("id"))}
+    # simpler: compute via values and normalise unmarked -> 'empty'
+    score_counts = {str(row["score"]) if row["score"] is not None else "empty": row["count"] for row in ua_qs.values("score").annotate(count=Count("id"))}
 
     # top submitted answers (by answer_compare)
     top_answers = list(ua_qs.values("answer_compare").annotate(count=Count("id")).order_by("-count")[:10])
@@ -322,6 +322,16 @@ def exam_review_question_summary(request, pk: int, q_index: int):
         correct_count = score_counts.get("2", 0)
         correct_pct = round(100.0 * correct_count / total_responses, 1) if total_responses else None
 
+    # compute percentage distribution for score buckets for the summary bar chart
+    score_keys = ["2", "1", "0", "empty"]
+    score_pcts = {}
+    if total_responses:
+        for k in score_keys:
+            score_pcts[k] = round(100.0 * score_counts.get(k, 0) / total_responses, 1)
+    else:
+        for k in score_keys:
+            score_pcts[k] = 0.0
+
     context = {
         "exam": exam,
         "question": question,
@@ -329,6 +339,7 @@ def exam_review_question_summary(request, pk: int, q_index: int):
         "app_name": "anatomy",
         "exam_response_total": total_responses,
         "exam_response_score_counts": score_counts,
+        "exam_response_score_pcts": score_pcts,
         "exam_response_correct_count": correct_count,
         "exam_response_correct_pct": correct_pct,
         "top_answers": top_answers,