Add sim wins per round graph

Author: john-b-yang

codeclash/viewer/app.py

@@ -612,6 +612,41 @@ def analyze_line_counts(self) -> dict[str, Any]:
 
         return {"all_files": all_files_list, "line_counts_by_round": line_counts_by_round}
 
+    def analyze_sim_wins_per_round(self) -> dict[str, Any]:
+        """Analyze number of simulations won per round for each competitor from round_stats in metadata.json"""
+        metadata_file = self.log_dir / "metadata.json"
+        if not metadata_file.exists():
+            return {"players": [], "rounds": [], "wins_by_player": {}}
+
+        try:
+            metadata = json.loads(metadata_file.read_text())
+            round_stats = metadata.get("round_stats", {})
+            # Collect all player names from all rounds
+            player_names = set()
+            for round_data in round_stats.values():
+                scores = round_data.get("scores", {})
+                player_names.update([k for k in scores.keys() if k != "Tie"])
+            player_names = sorted(player_names)
+
+            # Collect all round numbers (sorted)
+            round_nums = sorted([int(k) for k in round_stats.keys()])
+
+            # Build wins_by_player: {player: [wins_per_round]}
+            wins_by_player = {p: [] for p in player_names}
+            for round_num in round_nums:
+                round_data = round_stats.get(str(round_num), {})
+                scores = round_data.get("scores", {})
+                for p in player_names:
+                    wins_by_player[p].append(scores.get(p, 0))
+
+            return {
+                "players": player_names,
+                "rounds": round_nums,
+                "wins_by_player": wins_by_player,
+            }
+        except Exception:
+            return {"players": [], "rounds": [], "wins_by_player": {}}
+
     def load_matrix_analysis(self) -> dict[str, Any] | None:
         """Load and process matrix.json if it exists"""
         matrix_file = self.log_dir / "matrix.json"
@@ -790,6 +825,7 @@ def index():
 
     # Get analysis data
     analysis_data = parser.analyze_line_counts()
+    sim_wins_data = parser.analyze_sim_wins_per_round()
 
     # Get matrix analysis data
     matrix_data = parser.load_matrix_analysis()
@@ -804,6 +840,7 @@ def index():
         metadata=metadata,
         trajectories_by_round=trajectories_by_round,
         analysis_data=analysis_data,
+        sim_wins_data=sim_wins_data,
         matrix_data=matrix_data,
         is_static=STATIC_MODE,
     )

codeclash/viewer/static/js/analysis.js

@@ -184,6 +184,97 @@ function prepareChartData(fileName) {
 }
 
 // Initialize when DOM is loaded
+// --- Sim Wins Per Round Chart ---
+let simWinsChart = null;
+let simWinsData = null;
+
+function initializeSimWinsChart() {
+  const simWinsDataElement = document.getElementById("sim-wins-data");
+  if (!simWinsDataElement) return;
+  try {
+    simWinsData = JSON.parse(simWinsDataElement.textContent);
+    if (
+      simWinsData &&
+      simWinsData.players &&
+      simWinsData.players.length > 0 &&
+      simWinsData.rounds &&
+      simWinsData.rounds.length > 0
+    ) {
+      createSimWinsChart();
+    }
+  } catch (error) {
+    console.error("Error parsing sim wins data:", error);
+  }
+}
+
+function createSimWinsChart() {
+  const canvas = document.getElementById("sim-wins-chart");
+  if (!canvas || !simWinsData) return;
+  const ctx = canvas.getContext("2d");
+  if (simWinsChart) simWinsChart.destroy();
+
+  // Prepare datasets
+  const colors = [
+    "#FF6384",
+    "#36A2EB",
+    "#FFCE56",
+    "#4BC0C0",
+    "#9966FF",
+    "#FF9F40",
+    "#C9CBCF",
+    "#4BC0C0",
+    "#FF6384",
+  ];
+  let colorIndex = 0;
+  const datasets = simWinsData.players.map((player) => {
+    const data = simWinsData.rounds.map((round, i) => ({ x: round, y: simWinsData.wins_by_player[player][i] }));
+    const color = colors[colorIndex % colors.length];
+    colorIndex++;
+    return {
+      label: player,
+      data: data,
+      borderColor: color,
+      backgroundColor: color + "20",
+      borderWidth: 2,
+      fill: false,
+      tension: 0.1,
+    };
+  });
+
+  simWinsChart = new Chart(ctx, {
+    type: "line",
+    data: { datasets },
+    options: {
+      responsive: true,
+      maintainAspectRatio: false,
+      plugins: {
+        title: {
+          display: true,
+          text: `Simulations Won Per Round`,
+        },
+        legend: {
+          display: true,
+          position: "top",
+        },
+      },
+      scales: {
+        x: {
+          title: { display: true, text: "Round" },
+          type: "linear",
+          position: "bottom",
+        },
+        y: {
+          title: { display: true, text: "Simulations Won" },
+          beginAtZero: true,
+        },
+      },
+      interaction: { intersect: false, mode: "index" },
+    },
+  });
+}
+
+// Initialize both analyses when DOM is loaded
 document.addEventListener("DOMContentLoaded", function () {
   initializeAnalysis();
+  initializeSimWinsChart();
 });

codeclash/viewer/templates/includes/analysis.html

@@ -2,6 +2,23 @@
 <section class="analysis-section">
     <h2><i class="bi bi-graph-up"></i> Analysis</h2>
 
+    <!-- Sim Wins Per Round Analysis -->
+    <details class="foldout">
+        <summary><i class="bi bi-bar-chart-line"></i> Sim Wins Per Round</summary>
+        <div class="log-content-container">
+            {% if sim_wins_data and sim_wins_data.players and sim_wins_data.rounds %}
+                <div class="sim-wins-analysis-container">
+                    <div class="chart-container">
+                        <canvas id="sim-wins-chart" width="800" height="400"></canvas>
+                    </div>
+                    <script type="application/json" id="sim-wins-data">{{ sim_wins_data | tojson }}</script>
+                </div>
+            {% else %}
+                <p>No simulation win data available. This analysis requires games with round stats.</p>
+            {% endif %}
+        </div>
+    </details>
+
     <!-- Line Counting Analysis -->
     <details class="foldout">
         <summary><i class="bi bi-graph-up-arrow"></i> Line Counting Analysis</summary>