update

MaxMSun · MaxMSun · commit d7be7efb0bb6 · 2025-04-09T12:59:33.000-05:00
diff --git a/mi.html b/mi.html
@@ -3,7 +3,7 @@
 
 <head>
     <meta charset="UTF-8">
-    <title>Iterative Belief Update with Individual Color Scaling</title>
+    <title>Mutual Information Playground</title>
     <!-- MathJax is included if needed elsewhere but not for numeric table updates -->
     <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
     <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
@@ -31,6 +31,7 @@
         #expressionTable {
             margin: 0 auto;
             border-collapse: collapse;
+            font-size: 25px;
         }
 
         #expressionTable th,
@@ -166,7 +167,7 @@
          ********************************************************************/
         const gridRes = 50;
         const totalCells = gridRes * gridRes;
-        const miBatchSize = 10;
+        const miBatchSize = 20;
         let beliefMatrix = null;
         let beliefFieldData = null;   // For visualization purposes only
         let hiddenTarget = { x: Math.random() * 0.6 + 0.2, y: Math.random() * 0.6 + 0.2 };
@@ -362,7 +363,7 @@
             ctx.lineTo(vertices[1].x, vertices[1].y);
             ctx.lineTo(vertices[2].x, vertices[2].y);
             ctx.closePath();
-            ctx.fillStyle = "white";
+            ctx.fillStyle = "red";
             ctx.fill();
             ctx.lineWidth = 3;
             ctx.strokeStyle = "black";
@@ -638,7 +639,7 @@
                         const visImg = createVisualizationImage(rawDensity);
                         drawScaledImageData(ctx, visImg, canvas.width, canvas.height);
                     }
-                    drawTriangleMarker(ctx, 0.5, 0.5, 60, canvas.height);
+                    drawTriangleMarker(ctx, 0.5, 0.5, 30, canvas.height);
                     // Tracker marker (always grey)
                     const trackerX = dot.pos.x * canvas.width;
                     const trackerY = canvas.height - (dot.pos.y * canvas.height);
@@ -658,7 +659,7 @@
                         ctx.fillRect(0, 0, canvas.width, canvas.height);
                     }
                     if (showHiddenTarget) {
-                        drawTriangleMarker(ctx, hiddenTarget.x, hiddenTarget.y, 60, canvas.height);
+                        drawTriangleMarker(ctx, hiddenTarget.x, hiddenTarget.y, 30, canvas.height);
                     }
                     if (sampledDot) {
                         const sampleX = sampledDot.x * canvas.width;
