Spaces:

MarcRyan
/

spe

Running

App Files Files Community

MarcRyan commited on May 5, 2025

Commit

f00e65a

verified ·

1 Parent(s): 5fc2e3a

Add 2 files

Browse files

Files changed (2) hide show

index.html +383 -56
prompts.txt +1 -0

index.html CHANGED Viewed

@@ -55,17 +55,38 @@
       transform: rotate(-90deg);
       transform-origin: 50% 50%;
     }
   </style>
 </head>
 <body class="bg-gray-50 min-h-screen">
   <div class="container mx-auto px-4 py-8">
     <header class="mb-12 text-center">
       <h1 class="text-4xl font-bold text-green-600 mb-2">
-        <i class="fas fa-futbol mr-3"></i>Soccer Prediction Engine
       </h1>
       <p class="text-gray-600 max-w-3xl mx-auto">
-        Neural network-powered analysis to predict likely losing teams based on soccer performance metrics.
-        Adjust parameters and see how the network learns from football statistics.
       </p>
     </header>
@@ -91,14 +112,13 @@
           <div>
             <label class="block text-sm font-medium text-gray-700 mb-1">Neurons per Layer</label>
-            <input type="range" id="neuronsPerLayer" min="2" max="12" value="6" class="w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer">
             <div class="flex justify-between text-xs text-gray-500 mt-1">
               <span>2</span>
-              <span>4</span>
               <span>6</span>
-              <span>8</span>
-              <span>10</span>
               <span>12</span>
             </div>
           </div>
@@ -180,22 +200,85 @@
                 <i class="fas fa-chart-line mr-2 text-green-500"></i>Team Performance Input
               </h3>
               <div class="grid grid-cols-2 gap-2">
                 <div>
-                  <label class="block text-xs font-medium text-gray-500 mb-1">Goals Conceded</label>
                   <input type="number" id="goalsConcededInput" min="20" max="80" step="1" value="40" class="w-full px-2 py-1 border rounded text-sm">
                 </div>
                 <div>
-                  <label class="block text-xs font-medium text-gray-500 mb-1">Shots on Target</label>
-                  <input type="number" id="shotsOnTargetInput" min="100" max="300" step="1" value="180" class="w-full px-2 py-1 border rounded text-sm">
                 </div>
                 <div>
-                  <label class="block text-xs font-medium text-gray-500 mb-1">Pass Accuracy %</label>
                   <input type="number" id="passAccuracyInput" min="70" max="90" step="0.1" value="80" class="w-full px-2 py-1 border rounded text-sm">
                 </div>
                 <div>
-                  <label class="block text-xs font-medium text-gray-500 mb-1">Yellow Cards</label>
                   <input type="number" id="yellowCardsInput" min="30" max="100" step="1" value="60" class="w-full px-2 py-1 border rounded text-sm">
                 </div>
               </div>
             </div>
@@ -265,21 +348,52 @@
         <i class="fas fa-info-circle mr-2 text-green-500"></i>Key Soccer Metrics
       </h2>
       <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
         <div class="bg-blue-50 p-4 rounded-lg">
-          <h3 class="font-medium text-blue-800 mb-1">Goals Conceded</h3>
-          <p class="text-sm text-blue-600">Total goals allowed per season. Higher = worse defensive performance.</p>
         </div>
         <div class="bg-green-50 p-4 rounded-lg">
-          <h3 class="font-medium text-green-800 mb-1">Shots on Target</h3>
-          <p class="text-sm text-green-600">Shots that reach the goal. Higher = better offensive performance.</p>
         </div>
         <div class="bg-yellow-50 p-4 rounded-lg">
-          <h3 class="font-medium text-yellow-800 mb-1">Pass Accuracy %</h3>
-          <p class="text-sm text-yellow-600">Percentage of successful passes. Higher = better team coordination.</p>
-        </div>
-        <div class="bg-red-50 p-4 rounded-lg">
-          <h3 class="font-medium text-red-800 mb-1">Yellow Cards</h3>
-          <p class="text-sm text-red-600">Disciplinary issues. Higher = more defensive problems and suspensions.</p>
         </div>
       </div>
     </div>
@@ -290,7 +404,7 @@
       // Configuration
       const config = {
         hiddenLayers: 3,
-        neuronsPerLayer: 6,
         learningRate: 0.2,
         iterations: 20000,
         errorThresh: 0.005
@@ -298,14 +412,134 @@
       // Sample soccer team data (in a real app, this would come from an API)
       const soccerTeams = [
-        { name: "Manchester City", logo: "⚽", goalsConceded: 32, shotsOnTarget: 280, passAccuracy: 89.2, yellowCards: 45 },
-        { name: "Liverpool", logo: "⚽", goalsConceded: 38, shotsOnTarget: 265, passAccuracy: 85.7, yellowCards: 52 },
-        { name: "Chelsea", logo: "⚽", goalsConceded: 45, shotsOnTarget: 240, passAccuracy: 84.1, yellowCards: 58 },
-        { name: "Tottenham", logo: "⚽", goalsConceded: 48, shotsOnTarget: 225, passAccuracy: 82.3, yellowCards: 62 },
-        { name: "Arsenal", logo: "⚽", goalsConceded: 42, shotsOnTarget: 235, passAccuracy: 83.5, yellowCards: 55 },
-        { name: "Manchester Utd", logo: "⚽", goalsConceded: 51, shotsOnTarget: 210, passAccuracy: 81.8, yellowCards: 68 },
-        { name: "Leicester", logo: "⚽", goalsConceded: 54, shotsOnTarget: 195, passAccuracy: 79.6, yellowCards: 72 },
-        { name: "West Ham", logo: "⚽", goalsConceded: 58, shotsOnTarget: 185, passAccuracy: 78.2, yellowCards: 78 }
       ];
       // DOM Elements
@@ -315,10 +549,21 @@
       const learningRateInput = document.getElementById('learningRate');
       const trainBtn = document.getElementById('trainBtn');
       const resetBtn = document.getElementById('resetBtn');
       const goalsConcededInput = document.getElementById('goalsConcededInput');
       const shotsOnTargetInput = document.getElementById('shotsOnTargetInput');
       const passAccuracyInput = document.getElementById('passAccuracyInput');
       const yellowCardsInput = document.getElementById('yellowCardsInput');
       const lossPercentage = document.getElementById('lossPercentage');
       const confidenceBar = document.getElementById('confidenceBar');
       const predictionText = document.getElementById('predictionText');
@@ -346,7 +591,12 @@
       resetBtn.addEventListener('click', resetNetwork);
       // Add input event listeners for all stat inputs
-      [goalsConcededInput, shotsOnTargetInput, passAccuracyInput, yellowCardsInput].forEach(input => {
         input.addEventListener('input', () => {
           // Only predict if network is trained
           if (net.trainOpts) {
@@ -429,35 +679,67 @@
           // Random stats within realistic ranges
           const goalsConceded = Math.floor(randomInRange(20, 80));
           const shotsOnTarget = Math.floor(randomInRange(100, 300));
           const passAccuracy = randomInRange(70, 90);
           const yellowCards = Math.floor(randomInRange(30, 100));
           // Calculate loss probability based on stats
           let lossProbability;
           if (weight === 'offense') {
-            // More weight on offensive stats (shots on target and pass accuracy)
             lossProbability = (
-              (0.2 * normalize(goalsConceded, 20, 80)) +
-              (0.4 * (1 - normalize(shotsOnTarget, 100, 300))) +
-              (0.3 * (1 - normalize(passAccuracy, 70, 90))) +
-              (0.1 * normalize(yellowCards, 30, 100))
             );
           } else if (weight === 'defense') {
-            // More weight on defensive stats (goals conceded and yellow cards)
             lossProbability = (
-              (0.5 * normalize(goalsConceded, 20, 80)) +
-              (0.1 * (1 - normalize(shotsOnTarget, 100, 300))) +
-              (0.2 * (1 - normalize(passAccuracy, 70, 90))) +
-              (0.2 * normalize(yellowCards, 30, 100))
             );
           } else {
             // Balanced approach
             lossProbability = (
-              (0.35 * normalize(goalsConceded, 20, 80)) +
-              (0.3 * (1 - normalize(shotsOnTarget, 100, 300))) +
-              (0.2 * (1 - normalize(passAccuracy, 70, 90))) +
-              (0.15 * normalize(yellowCards, 30, 100))
             );
           }
@@ -473,8 +755,16 @@
             input: [
               normalize(goalsConceded, 20, 80),
               normalize(shotsOnTarget, 100, 300),
               normalize(passAccuracy, 70, 90),
-              normalize(yellowCards, 30, 100)
             ],
             output: [outcome]
           });
@@ -484,16 +774,33 @@
       }
       function predictLossProbability() {
         const goalsConceded = parseFloat(goalsConcededInput.value);
         const shotsOnTarget = parseFloat(shotsOnTargetInput.value);
         const passAccuracy = parseFloat(passAccuracyInput.value);
         const yellowCards = parseFloat(yellowCardsInput.value);
         const input = [
           normalize(goalsConceded, 20, 80),
           normalize(shotsOnTarget, 100, 300),
           normalize(passAccuracy, 70, 90),
-          normalize(yellowCards, 30, 100)
         ];
         const output = net.run(input);
@@ -535,10 +842,12 @@
               <div class="text-2xl mr-3">${team.logo}</div>
               <h3 class="font-semibold text-gray-800">${team.name}</h3>
             </div>
-            <div class="grid grid-cols-2 gap-2 text-sm mb-3">
               <div><span class="text-gray-500">Conceded:</span> ${team.goalsConceded}</div>
               <div><span class="text-gray-500">Shots:</span> ${team.shotsOnTarget}</div>
               <div><span class="text-gray-500">Pass %:</span> ${team.passAccuracy.toFixed(1)}</div>
               <div><span class="text-gray-500">Yellows:</span> ${team.yellowCards}</div>
             </div>
             <div class="flex items-center">
@@ -577,10 +886,20 @@
         document.querySelectorAll('.predict-btn').forEach(btn => {
           btn.addEventListener('click', function() {
             const team = JSON.parse(this.getAttribute('data-team'));
             goalsConcededInput.value = team.goalsConceded;
             shotsOnTargetInput.value = team.shotsOnTarget;
             passAccuracyInput.value = team.passAccuracy;
             yellowCardsInput.value = team.yellowCards;
             if (net.trainOpts) {
               predictLossProbability();
@@ -596,8 +915,16 @@
           const input = [
             normalize(team.goalsConceded, 20, 80),
             normalize(team.shotsOnTarget, 100, 300),
             normalize(team.passAccuracy, 70, 90),
-            normalize(team.yellowCards, 30, 100)
           ];
           const output = net.run(input);
@@ -646,7 +973,7 @@
         // Calculate layer positions
         const layers = [
-          { neurons: 4, label: 'Input', stats: ['Conceded', 'Shots', 'Pass %', 'Cards'] },
           ...Array(config.hiddenLayers).fill().map((_, i) => ({
             neurons: config.neuronsPerLayer,
             label: `Hidden ${i + 1}`
@@ -695,7 +1022,7 @@
             const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
             circle.setAttribute('cx', x);
             circle.setAttribute('cy', y);
-            circle.setAttribute('r', 18);
             // Color input/output layers differently
             if (l === 0) {
@@ -712,17 +1039,17 @@
             // Create neuron text
             const text = document.createElementNS('http://www.w3.org/2000/svg', 'text');
             text.setAttribute('x', x);
-            text.setAttribute('y', y + 5);
             text.setAttribute('text-anchor', 'middle');
             text.setAttribute('fill', 'white');
-            text.setAttribute('font-size', '10');
             text.setAttribute('font-weight', 'bold');
             // Show stat names for input layer
             if (l === 0 && layer.stats) {
-              text.textContent = layer.stats[n].substring(0, 3);
             } else if (l === layerCount - 1 && layer.stats) {
-              text.textContent = layer.stats[n].substring(0, 3);
             } else {
               text.textContent = `${layer.label[0]}${n + 1}`;
             }

       transform: rotate(-90deg);
       transform-origin: 50% 50%;
     }
+    .stat-badge {
+      font-size: 0.7rem;
+      padding: 0.2rem 0.4rem;
+      border-radius: 0.25rem;
+    }
+    .offensive-stat {
+      background-color: #3B82F6;
+      color: white;
+    }
+    .defensive-stat {
+      background-color: #EF4444;
+      color: white;
+    }
+    .teamwork-stat {
+      background-color: #10B981;
+      color: white;
+    }
+    .discipline-stat {
+      background-color: #F59E0B;
+      color: white;
+    }
   </style>
 </head>
 <body class="bg-gray-50 min-h-screen">
   <div class="container mx-auto px-4 py-8">
     <header class="mb-12 text-center">
       <h1 class="text-4xl font-bold text-green-600 mb-2">
+        <i class="fas fa-futbol mr-3"></i>Advanced Soccer Prediction Engine
       </h1>
       <p class="text-gray-600 max-w-3xl mx-auto">
+        Comprehensive neural network analysis using 12 key performance metrics to predict match outcomes.
+        The system learns from extensive soccer statistics to provide accurate loss probability predictions.
       </p>
     </header>
           <div>
             <label class="block text-sm font-medium text-gray-700 mb-1">Neurons per Layer</label>
+            <input type="range" id="neuronsPerLayer" min="2" max="20" value="12" class="w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer">
             <div class="flex justify-between text-xs text-gray-500 mt-1">
               <span>2</span>
               <span>6</span>
               <span>12</span>
+              <span>16</span>
+              <span>20</span>
             </div>
           </div>
                 <i class="fas fa-chart-line mr-2 text-green-500"></i>Team Performance Input
               </h3>
               <div class="grid grid-cols-2 gap-2">
+                <!-- Offensive Stats -->
+                <div>
+                  <label class="block text-xs font-medium text-gray-500 mb-1 flex items-center">
+                    <span class="stat-badge offensive-stat mr-1">OFF</span> Shots on Target
+                  </label>
+                  <input type="number" id="shotsOnTargetInput" min="100" max="300" step="1" value="180" class="w-full px-2 py-1 border rounded text-sm">
+                </div>
+                <div>
+                  <label class="block text-xs font-medium text-gray-500 mb-1 flex items-center">
+                    <span class="stat-badge offensive-stat mr-1">OFF</span> Goals Scored
+                  </label>
+                  <input type="number" id="goalsScoredInput" min="30" max="100" step="1" value="65" class="w-full px-2 py-1 border rounded text-sm">
+                </div>
                 <div>
+                  <label class="block text-xs font-medium text-gray-500 mb-1 flex items-center">
+                    <span class="stat-badge offensive-stat mr-1">OFF</span> Key Passes
+                  </label>
+                  <input type="number" id="keyPassesInput" min="200" max="600" step="1" value="400" class="w-full px-2 py-1 border rounded text-sm">
+                </div>
+                <div>
+                  <label class="block text-xs font-medium text-gray-500 mb-1 flex items-center">
+                    <span class="stat-badge offensive-stat mr-1">OFF</span> Dribbles
+                  </label>
+                  <input type="number" id="dribblesInput" min="100" max="500" step="1" value="300" class="w-full px-2 py-1 border rounded text-sm">
+                </div>
+                <!-- Defensive Stats -->
+                <div>
+                  <label class="block text-xs font-medium text-gray-500 mb-1 flex items-center">
+                    <span class="stat-badge defensive-stat mr-1">DEF</span> Goals Conceded
+                  </label>
                   <input type="number" id="goalsConcededInput" min="20" max="80" step="1" value="40" class="w-full px-2 py-1 border rounded text-sm">
                 </div>
                 <div>
+                  <label class="block text-xs font-medium text-gray-500 mb-1 flex items-center">
+                    <span class="stat-badge defensive-stat mr-1">DEF</span> Tackles
+                  </label>
+                  <input type="number" id="tacklesInput" min="300" max="800" step="1" value="500" class="w-full px-2 py-1 border rounded text-sm">
                 </div>
                 <div>
+                  <label class="block text-xs font-medium text-gray-500 mb-1 flex items-center">
+                    <span class="stat-badge defensive-stat mr-1">DEF</span> Interceptions
+                  </label>
+                  <input type="number" id="interceptionsInput" min="200" max="600" step="1" value="400" class="w-full px-2 py-1 border rounded text-sm">
+                </div>
+                <div>
+                  <label class="block text-xs font-medium text-gray-500 mb-1 flex items-center">
+                    <span class="stat-badge defensive-stat mr-1">DEF</span> Clearances
+                  </label>
+                  <input type="number" id="clearancesInput" min="300" max="900" step="1" value="600" class="w-full px-2 py-1 border rounded text-sm">
+                </div>
+                <!-- Teamwork Stats -->
+                <div>
+                  <label class="block text-xs font-medium text-gray-500 mb-1 flex items-center">
+                    <span class="stat-badge teamwork-stat mr-1">TMW</span> Pass Accuracy %
+                  </label>
                   <input type="number" id="passAccuracyInput" min="70" max="90" step="0.1" value="80" class="w-full px-2 py-1 border rounded text-sm">
                 </div>
                 <div>
+                  <label class="block text-xs font-medium text-gray-500 mb-1 flex items-center">
+                    <span class="stat-badge teamwork-stat mr-1">TMW</span> Cross Accuracy %
+                  </label>
+                  <input type="number" id="crossAccuracyInput" min="20" max="50" step="0.1" value="35" class="w-full px-2 py-1 border rounded text-sm">
+                </div>
+                <!-- Discipline Stats -->
+                <div>
+                  <label class="block text-xs font-medium text-gray-500 mb-1 flex items-center">
+                    <span class="stat-badge discipline-stat mr-1">DSC</span> Yellow Cards
+                  </label>
                   <input type="number" id="yellowCardsInput" min="30" max="100" step="1" value="60" class="w-full px-2 py-1 border rounded text-sm">
                 </div>
+                <div>
+                  <label class="block text-xs font-medium text-gray-500 mb-1 flex items-center">
+                    <span class="stat-badge discipline-stat mr-1">DSC</span> Red Cards
+                  </label>
+                  <input type="number" id="redCardsInput" min="0" max="10" step="1" value="3" class="w-full px-2 py-1 border rounded text-sm">
+                </div>
               </div>
             </div>
         <i class="fas fa-info-circle mr-2 text-green-500"></i>Key Soccer Metrics
       </h2>
       <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
+        <!-- Offensive Stats -->
         <div class="bg-blue-50 p-4 rounded-lg">
+          <h3 class="font-medium text-blue-800 mb-1 flex items-center">
+            <span class="stat-badge offensive-stat mr-2">OFF</span> Offensive Metrics
+          </h3>
+          <ul class="text-sm text-blue-600 space-y-1">
+            <li><strong>Shots on Target:</strong> Direct attempts on goal</li>
+            <li><strong>Goals Scored:</strong> Total goals per season</li>
+            <li><strong>Key Passes:</strong> Passes leading to shots</li>
+            <li><strong>Dribbles:</strong> Successful player runs</li>
+          </ul>
+        </div>
+        <!-- Defensive Stats -->
+        <div class="bg-red-50 p-4 rounded-lg">
+          <h3 class="font-medium text-red-800 mb-1 flex items-center">
+            <span class="stat-badge defensive-stat mr-2">DEF</span> Defensive Metrics
+          </h3>
+          <ul class="text-sm text-red-600 space-y-1">
+            <li><strong>Goals Conceded:</strong> Goals allowed</li>
+            <li><strong>Tackles:</strong> Successful defensive challenges</li>
+            <li><strong>Interceptions:</strong> Passes intercepted</li>
+            <li><strong>Clearances:</strong> Defensive removals</li>
+          </ul>
         </div>
+        <!-- Teamwork Stats -->
         <div class="bg-green-50 p-4 rounded-lg">
+          <h3 class="font-medium text-green-800 mb-1 flex items-center">
+            <span class="stat-badge teamwork-stat mr-2">TMW</span> Teamwork Metrics
+          </h3>
+          <ul class="text-sm text-green-600 space-y-1">
+            <li><strong>Pass Accuracy:</strong> Successful pass percentage</li>
+            <li><strong>Cross Accuracy:</strong> Successful crosses</li>
+          </ul>
         </div>
+        <!-- Discipline Stats -->
         <div class="bg-yellow-50 p-4 rounded-lg">
+          <h3 class="font-medium text-yellow-800 mb-1 flex items-center">
+            <span class="stat-badge discipline-stat mr-2">DSC</span> Discipline Metrics
+          </h3>
+          <ul class="text-sm text-yellow-600 space-y-1">
+            <li><strong>Yellow Cards:</strong> Cautions received</li>
+            <li><strong>Red Cards:</strong> Ejections received</li>
+          </ul>
         </div>
       </div>
     </div>
       // Configuration
       const config = {
         hiddenLayers: 3,
+        neuronsPerLayer: 12,
         learningRate: 0.2,
         iterations: 20000,
         errorThresh: 0.005
       // Sample soccer team data (in a real app, this would come from an API)
       const soccerTeams = [
+        {
+          name: "Manchester City",
+          logo: "⚽",
+          goalsConceded: 32,
+          shotsOnTarget: 280,
+          goalsScored: 85,
+          keyPasses: 450,
+          dribbles: 350,
+          passAccuracy: 89.2,
+          crossAccuracy: 38.5,
+          tackles: 520,
+          interceptions: 480,
+          clearances: 580,
+          yellowCards: 45,
+          redCards: 1
+        },
+        {
+          name: "Liverpool",
+          logo: "⚽",
+          goalsConceded: 38,
+          shotsOnTarget: 265,
+          goalsScored: 78,
+          keyPasses: 420,
+          dribbles: 320,
+          passAccuracy: 85.7,
+          crossAccuracy: 36.2,
+          tackles: 550,
+          interceptions: 460,
+          clearances: 620,
+          yellowCards: 52,
+          redCards: 2
+        },
+        {
+          name: "Chelsea",
+          logo: "⚽",
+          goalsConceded: 45,
+          shotsOnTarget: 240,
+          goalsScored: 70,
+          keyPasses: 400,
+          dribbles: 290,
+          passAccuracy: 84.1,
+          crossAccuracy: 34.8,
+          tackles: 580,
+          interceptions: 440,
+          clearances: 650,
+          yellowCards: 58,
+          redCards: 3
+        },
+        {
+          name: "Tottenham",
+          logo: "⚽",
+          goalsConceded: 48,
+          shotsOnTarget: 225,
+          goalsScored: 68,
+          keyPasses: 380,
+          dribbles: 270,
+          passAccuracy: 82.3,
+          crossAccuracy: 33.5,
+          tackles: 600,
+          interceptions: 420,
+          clearances: 680,
+          yellowCards: 62,
+          redCards: 4
+        },
+        {
+          name: "Arsenal",
+          logo: "⚽",
+          goalsConceded: 42,
+          shotsOnTarget: 235,
+          goalsScored: 72,
+          keyPasses: 390,
+          dribbles: 280,
+          passAccuracy: 83.5,
+          crossAccuracy: 35.1,
+          tackles: 570,
+          interceptions: 430,
+          clearances: 630,
+          yellowCards: 55,
+          redCards: 2
+        },
+        {
+          name: "Manchester Utd",
+          logo: "⚽",
+          goalsConceded: 51,
+          shotsOnTarget: 210,
+          goalsScored: 65,
+          keyPasses: 370,
+          dribbles: 260,
+          passAccuracy: 81.8,
+          crossAccuracy: 32.7,
+          tackles: 620,
+          interceptions: 410,
+          clearances: 700,
+          yellowCards: 68,
+          redCards: 5
+        },
+        {
+          name: "Leicester",
+          logo: "⚽",
+          goalsConceded: 54,
+          shotsOnTarget: 195,
+          goalsScored: 60,
+          keyPasses: 350,
+          dribbles: 240,
+          passAccuracy: 79.6,
+          crossAccuracy: 31.2,
+          tackles: 640,
+          interceptions: 400,
+          clearances: 720,
+          yellowCards: 72,
+          redCards: 6
+        },
+        {
+          name: "West Ham",
+          logo: "⚽",
+          goalsConceded: 58,
+          shotsOnTarget: 185,
+          goalsScored: 58,
+          keyPasses: 340,
+          dribbles: 230,
+          passAccuracy: 78.2,
+          crossAccuracy: 30.5,
+          tackles: 660,
+          interceptions: 390,
+          clearances: 750,
+          yellowCards: 78,
+          redCards: 7
+        }
       ];
       // DOM Elements
       const learningRateInput = document.getElementById('learningRate');
       const trainBtn = document.getElementById('trainBtn');
       const resetBtn = document.getElementById('resetBtn');
+      // Input elements for all 12 stats
       const goalsConcededInput = document.getElementById('goalsConcededInput');
       const shotsOnTargetInput = document.getElementById('shotsOnTargetInput');
+      const goalsScoredInput = document.getElementById('goalsScoredInput');
+      const keyPassesInput = document.getElementById('keyPassesInput');
+      const dribblesInput = document.getElementById('dribblesInput');
       const passAccuracyInput = document.getElementById('passAccuracyInput');
+      const crossAccuracyInput = document.getElementById('crossAccuracyInput');
+      const tacklesInput = document.getElementById('tacklesInput');
+      const interceptionsInput = document.getElementById('interceptionsInput');
+      const clearancesInput = document.getElementById('clearancesInput');
       const yellowCardsInput = document.getElementById('yellowCardsInput');
+      const redCardsInput = document.getElementById('redCardsInput');
       const lossPercentage = document.getElementById('lossPercentage');
       const confidenceBar = document.getElementById('confidenceBar');
       const predictionText = document.getElementById('predictionText');
       resetBtn.addEventListener('click', resetNetwork);
       // Add input event listeners for all stat inputs
+      [
+        goalsConcededInput, shotsOnTargetInput, goalsScoredInput,
+        keyPassesInput, dribblesInput, passAccuracyInput,
+        crossAccuracyInput, tacklesInput, interceptionsInput,
+        clearancesInput, yellowCardsInput, redCardsInput
+      ].forEach(input => {
         input.addEventListener('input', () => {
           // Only predict if network is trained
           if (net.trainOpts) {
           // Random stats within realistic ranges
           const goalsConceded = Math.floor(randomInRange(20, 80));
           const shotsOnTarget = Math.floor(randomInRange(100, 300));
+          const goalsScored = Math.floor(randomInRange(30, 100));
+          const keyPasses = Math.floor(randomInRange(200, 600));
+          const dribbles = Math.floor(randomInRange(100, 500));
           const passAccuracy = randomInRange(70, 90);
+          const crossAccuracy = randomInRange(20, 50);
+          const tackles = Math.floor(randomInRange(300, 800));
+          const interceptions = Math.floor(randomInRange(200, 600));
+          const clearances = Math.floor(randomInRange(300, 900));
           const yellowCards = Math.floor(randomInRange(30, 100));
+          const redCards = Math.floor(randomInRange(0, 10));
           // Calculate loss probability based on stats
           let lossProbability;
           if (weight === 'offense') {
+            // More weight on offensive stats
             lossProbability = (
+              (0.1 * normalize(goalsConceded, 20, 80)) +
+              (0.2 * (1 - normalize(shotsOnTarget, 100, 300))) +
+              (0.2 * (1 - normalize(goalsScored, 30, 100))) +
+              (0.15 * (1 - normalize(keyPasses, 200, 600))) +
+              (0.15 * (1 - normalize(dribbles, 100, 500))) +
+              (0.1 * (1 - normalize(passAccuracy, 70, 90))) +
+              (0.05 * (1 - normalize(crossAccuracy, 20, 50))) +
+              (0.025 * normalize(tackles, 300, 800)) +
+              (0.025 * normalize(interceptions, 200, 600)) +
+              (0.025 * normalize(clearances, 300, 900)) +
+              (0.025 * normalize(yellowCards, 30, 100)) +
+              (0.025 * normalize(redCards, 0, 10))
             );
           } else if (weight === 'defense') {
+            // More weight on defensive stats
             lossProbability = (
+              (0.3 * normalize(goalsConceded, 20, 80)) +
+              (0.05 * (1 - normalize(shotsOnTarget, 100, 300))) +
+              (0.05 * (1 - normalize(goalsScored, 30, 100))) +
+              (0.05 * (1 - normalize(keyPasses, 200, 600))) +
+              (0.05 * (1 - normalize(dribbles, 100, 500))) +
+              (0.1 * (1 - normalize(passAccuracy, 70, 90))) +
+              (0.05 * (1 - normalize(crossAccuracy, 20, 50))) +
+              (0.1 * normalize(tackles, 300, 800)) +
+              (0.1 * normalize(interceptions, 200, 600)) +
+              (0.1 * normalize(clearances, 300, 900)) +
+              (0.05 * normalize(yellowCards, 30, 100)) +
+              (0.05 * normalize(redCards, 0, 10))
             );
           } else {
             // Balanced approach
             lossProbability = (
+              (0.15 * normalize(goalsConceded, 20, 80)) +
+              (0.1 * (1 - normalize(shotsOnTarget, 100, 300))) +
+              (0.1 * (1 - normalize(goalsScored, 30, 100))) +
+              (0.1 * (1 - normalize(keyPasses, 200, 600))) +
+              (0.1 * (1 - normalize(dribbles, 100, 500))) +
+              (0.1 * (1 - normalize(passAccuracy, 70, 90))) +
+              (0.05 * (1 - normalize(crossAccuracy, 20, 50))) +
+              (0.1 * normalize(tackles, 300, 800)) +
+              (0.1 * normalize(interceptions, 200, 600)) +
+              (0.05 * normalize(clearances, 300, 900)) +
+              (0.025 * normalize(yellowCards, 30, 100)) +
+              (0.025 * normalize(redCards, 0, 10))
             );
           }
             input: [
               normalize(goalsConceded, 20, 80),
               normalize(shotsOnTarget, 100, 300),
+              normalize(goalsScored, 30, 100),
+              normalize(keyPasses, 200, 600),
+              normalize(dribbles, 100, 500),
               normalize(passAccuracy, 70, 90),
+              normalize(crossAccuracy, 20, 50),
+              normalize(tackles, 300, 800),
+              normalize(interceptions, 200, 600),
+              normalize(clearances, 300, 900),
+              normalize(yellowCards, 30, 100),
+              normalize(redCards, 0, 10)
             ],
             output: [outcome]
           });
       }
       function predictLossProbability() {
+        // Get all 12 input values
         const goalsConceded = parseFloat(goalsConcededInput.value);
         const shotsOnTarget = parseFloat(shotsOnTargetInput.value);
+        const goalsScored = parseFloat(goalsScoredInput.value);
+        const keyPasses = parseFloat(keyPassesInput.value);
+        const dribbles = parseFloat(dribblesInput.value);
         const passAccuracy = parseFloat(passAccuracyInput.value);
+        const crossAccuracy = parseFloat(crossAccuracyInput.value);
+        const tackles = parseFloat(tacklesInput.value);
+        const interceptions = parseFloat(interceptionsInput.value);
+        const clearances = parseFloat(clearancesInput.value);
         const yellowCards = parseFloat(yellowCardsInput.value);
+        const redCards = parseFloat(redCardsInput.value);
         const input = [
           normalize(goalsConceded, 20, 80),
           normalize(shotsOnTarget, 100, 300),
+          normalize(goalsScored, 30, 100),
+          normalize(keyPasses, 200, 600),
+          normalize(dribbles, 100, 500),
           normalize(passAccuracy, 70, 90),
+          normalize(crossAccuracy, 20, 50),
+          normalize(tackles, 300, 800),
+          normalize(interceptions, 200, 600),
+          normalize(clearances, 300, 900),
+          normalize(yellowCards, 30, 100),
+          normalize(redCards, 0, 10)
         ];
         const output = net.run(input);
               <div class="text-2xl mr-3">${team.logo}</div>
               <h3 class="font-semibold text-gray-800">${team.name}</h3>
             </div>
+            <div class="grid grid-cols-2 gap-2 text-xs mb-3">
               <div><span class="text-gray-500">Conceded:</span> ${team.goalsConceded}</div>
               <div><span class="text-gray-500">Shots:</span> ${team.shotsOnTarget}</div>
+              <div><span class="text-gray-500">Goals:</span> ${team.goalsScored}</div>
               <div><span class="text-gray-500">Pass %:</span> ${team.passAccuracy.toFixed(1)}</div>
+              <div><span class="text-gray-500">Tackles:</span> ${team.tackles}</div>
               <div><span class="text-gray-500">Yellows:</span> ${team.yellowCards}</div>
             </div>
             <div class="flex items-center">
         document.querySelectorAll('.predict-btn').forEach(btn => {
           btn.addEventListener('click', function() {
             const team = JSON.parse(this.getAttribute('data-team'));
+            // Set all 12 input values
             goalsConcededInput.value = team.goalsConceded;
             shotsOnTargetInput.value = team.shotsOnTarget;
+            goalsScoredInput.value = team.goalsScored;
+            keyPassesInput.value = team.keyPasses;
+            dribblesInput.value = team.dribbles;
             passAccuracyInput.value = team.passAccuracy;
+            crossAccuracyInput.value = team.crossAccuracy;
+            tacklesInput.value = team.tackles;
+            interceptionsInput.value = team.interceptions;
+            clearancesInput.value = team.clearances;
             yellowCardsInput.value = team.yellowCards;
+            redCardsInput.value = team.redCards;
             if (net.trainOpts) {
               predictLossProbability();
           const input = [
             normalize(team.goalsConceded, 20, 80),
             normalize(team.shotsOnTarget, 100, 300),
+            normalize(team.goalsScored, 30, 100),
+            normalize(team.keyPasses, 200, 600),
+            normalize(team.dribbles, 100, 500),
             normalize(team.passAccuracy, 70, 90),
+            normalize(team.crossAccuracy, 20, 50),
+            normalize(team.tackles, 300, 800),
+            normalize(team.interceptions, 200, 600),
+            normalize(team.clearances, 300, 900),
+            normalize(team.yellowCards, 30, 100),
+            normalize(team.redCards, 0, 10)
           ];
           const output = net.run(input);
         // Calculate layer positions
         const layers = [
+          { neurons: 12, label: 'Input', stats: ['Conceded', 'Shots', 'Goals', 'KeyP', 'Drib', 'Pass%', 'Cross%', 'Tack', 'Int', 'Clear', 'Yel', 'Red'] },
           ...Array(config.hiddenLayers).fill().map((_, i) => ({
             neurons: config.neuronsPerLayer,
             label: `Hidden ${i + 1}`
             const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
             circle.setAttribute('cx', x);
             circle.setAttribute('cy', y);
+            circle.setAttribute('r', 15);
             // Color input/output layers differently
             if (l === 0) {
             // Create neuron text
             const text = document.createElementNS('http://www.w3.org/2000/svg', 'text');
             text.setAttribute('x', x);
+            text.setAttribute('y', y + 4);
             text.setAttribute('text-anchor', 'middle');
             text.setAttribute('fill', 'white');
+            text.setAttribute('font-size', '8');
             text.setAttribute('font-weight', 'bold');
             // Show stat names for input layer
             if (l === 0 && layer.stats) {
+              text.textContent = layer.stats[n];
             } else if (l === layerCount - 1 && layer.stats) {
+              text.textContent = layer.stats[n];
             } else {
               text.textContent = `${layer.label[0]}${n + 1}`;
             }

prompts.txt CHANGED Viewed

	@@ -0,0 +1 @@


1	+ triple the amount of inputs