Fill in Health Score, Fault Probabilities, Energy ledger, Latency and Cost and Recent Alerts with template data

index.html

@@ -169,38 +169,74 @@ function setTheme(darkMode){
 setTheme(dark);
 document.getElementById('themeBtn').onclick = ()=>setTheme(!body.classList.contains('theme-dark'));
 /* DEMO DATA GENERATION */
-let lastHealth=0.92, lastEta=120;
+let lastHealth=0.94, lastEta=180;
 const dataHealth = Array(15*60).fill().map((_,i)=>{
   const x = Date.now()-i*1000;
-  // Simulate normal fluctuations with occasional dips
-  const base = 0.9 + Math.sin(i/300)*0.02;
-  const anomaly = i%500 < 10 ? -0.15 : 0; // Simulate brief anomalies
-  const noise = Math.random()*0.005;
-  return {x, y: Math.max(0.6, base + anomaly + noise)};
+  // Simulate realistic grid health with daily patterns
+  const hour = (i/3600) % 24;
+  const isPeak = (hour >= 8 && hour <= 10) || (hour >= 17 && hour <= 20);
+  const isNight = hour >= 22 || hour <= 5;
+  
+  // Base health score with daily variation
+  let base = isPeak ? 0.88 : isNight ? 0.96 : 0.92;
+  
+  // Add smaller fluctuations based on minutes
+  const min = (i/60) % 60;
+  base += Math.sin(min/15) * 0.02;
+  
+  // Add random equipment failures (5% chance every 15 min)
+  const failure = i % (15*60) === 0 && Math.random() > 0.95 ? -0.08 : 0;
+  
+  // Add random noise
+  const noise = Math.random() * 0.01;
+  
+  return {x, y: Math.max(0.7, base + failure + noise)};
 });
 
+// Fault probability data (last 24 hours)
 const dataSag = [], dataSwell=[], dataOsc=[], dataLatency=[], dataCost=[], dataEnergy=[];
 for(let i=0;i<60*24;i++){
   const x = Date.now()-i*60000;
-  // Fault probabilities with realistic patterns
-  dataSag.unshift({x, y: Math.max(0, 0.3 + Math.sin(i/120)*0.2 + (i%300<10?0.4:0) + Math.random()*0.1)});
-  dataSwell.unshift({x, y: Math.max(0, 0.2 + Math.sin(i/180)*0.15 + Math.random()*0.08)});
-  dataOsc.unshift({x, y: Math.max(0, 0.1 + Math.sin(i/240)*0.1 + (i%400<15?0.3:0) + Math.random()*0.05)});
+  const hour = (i/60) % 24;
+  const isPeak = (hour >= 6 && hour <= 9) || (hour >= 16 && hour <= 20);
   
-  // Energy and latency with daily patterns
-  const hour = (i/60)%24;
-  const isDay = hour > 6 && hour < 20;
-  dataLatency.unshift({x, y: (isDay ? 0.15 : 0.1) + Math.random()*0.03});
-  dataCost.unshift({x, y: ((isDay ? 0.15 : 0.1) + Math.random()*0.03)/1000});
-  dataEnergy.unshift({x, y: (isDay ? 0.008 : 0.005) + Math.random()*0.0015});
+  // Voltage Sag (most common during peak hours)
+  let sagProb = isPeak ? 0.25 : 0.15;
+  sagProb += Math.sin(i/180) * 0.1; // cyclic pattern every 3 hours
+  if(i % (7*60) === 0 && Math.random() > 0.7) sagProb += 0.3; // random spikes
+  dataSag.unshift({x, y: Math.min(0.9, Math.max(0, sagProb + Math.random()*0.05))});
+  
+  // Voltage Swell (less common)
+  let swellProb = isPeak ? 0.18 : 0.1;
+  swellProb += Math.sin(i/240) * 0.08;
+  if(i % (10*60) === 0 && Math.random() > 0.8) swellProb += 0.2;
+  dataSwell.unshift({x, y: Math.min(0.8, Math.max(0, swellProb + Math.random()*0.03))});
+  
+  // Frequency Oscillation (rare but important)
+  let oscProb = isPeak ? 0.12 : 0.08;
+  oscProb += Math.sin(i/300) * 0.05;
+  if(i % (15*60) === 0 && Math.random() > 0.9) oscProb += 0.25;
+  dataOsc.unshift({x, y: Math.min(0.7, Math.max(0, oscProb + Math.random()*0.02))});
+  
+  // Latency & Cost (better at night)
+  const latency = isPeak ? 0.18 + Math.random()*0.04 : 0.12 + Math.random()*0.03;
+  dataLatency.unshift({x, y: latency});
+  dataCost.unshift({x, y: latency / 1500}); // cost proportional to latency
+  
+  // Energy consumption
+  const energy = isPeak ? 0.0095 + Math.random()*0.002 : 0.006 + Math.random()*0.0015;
+  dataEnergy.unshift({x, y: energy});
 }
 
+// Recent Alerts (last 24 hours)
 const alerts = [
-  {time:new Date(Date.now()-120000), feeder:"F03", fault:"Voltage Sag 0.82", eta:"45 s", action:"Notify crew"},
-  {time:new Date(Date.now()-300000), feeder:"F01", fault:"Frequency Osc 0.78", eta:"02:10", action:"Adjust set-point"},
-  {time:new Date(Date.now()-1800000), feeder:"F02", fault:"Current Swell 0.91", eta:"05:45", action:"Dispatch team"},
-  {time:new Date(Date.now()-3600000), feeder:"F04", fault:"Harmonic Dist 0.67", eta:"12:30", action:"Monitor"},
-  {time:new Date(Date.now()-7200000), feeder:"F01", fault:"Voltage Sag 0.88", eta:"08:15", action:"Reroute power"}
+  {time:new Date(Date.now()-45000), feeder:"N12", fault:"Voltage Sag 0.85", eta:"32 s", action:"Adjust tap changer"},
+  {time:new Date(Date.now()-120000), feeder:"S08", fault:"Current Swell 0.78", eta:"1:45", action:"Notify maintenance"},
+  {time:new Date(Date.now()-300000), feeder:"E05", fault:"Frequency Osc 0.65", eta:"2:10", action:"Monitor"},
+  {time:new Date(Date.now()-1800000), feeder:"W03", fault:"Harmonic Dist 0.72", eta:"4:30", action:"Schedule filter check"},
+  {time:new Date(Date.now()-3600000), feeder:"C01", fault:"Voltage Dip 0.88", eta:"12:30", action:"Reroute load"},
+  {time:new Date(Date.now()-5400000), feeder:"N07", fault:"Phase Unbalance 0.81", eta:"6:15", action:"Balance load"},
+  {time:new Date(Date.now()-7200000), feeder:"S02", fault:"Capacitor Bank Fail", eta:"8:20", action:"Dispatch crew"}
 ];
 /* CHARTS */
 function lineConfig(data,label,color,fill=false){
@@ -253,9 +289,9 @@ function refresh(){
   kpiEta.classList.toggle('blink', lastEta<60);
   const hour = new Date().getHours();
   const isPeak = hour > 8 && hour < 20;
-  document.getElementById('latencyVal').textContent = (isPeak ? 0.15 : 0.1 + Math.random()*0.02).toFixed(2)+' ms';
-  document.getElementById('energyVal').textContent = (isPeak ? 0.008 : 0.005 + Math.random()*0.001).toFixed(3)+' Wh';
-  document.getElementById('co2Val').textContent = (2.4 + Math.sin(Date.now()/86400000)*0.3).toFixed(2)+' kg';
+  document.getElementById('latencyVal').textContent = (isPeak ? 0.17 + Math.random()*0.03 : 0.12 + Math.random()*0.02).toFixed(2)+' ms';
+  document.getElementById('energyVal').textContent = (isPeak ? 0.009 + Math.random()*0.0015 : 0.006 + Math.random()*0.0012).toFixed(3)+' Wh';
+  document.getElementById('co2Val').textContent = (3.2 + Math.sin(Date.now()/86400000)*0.4).toFixed(2)+' kg';
 // alerts
   const tbody = document.querySelector('#alertsTable tbody');
   tbody.innerHTML='';
@@ -269,8 +305,8 @@ function refresh(){
       <td class="italic">${a.action}</td>`;
     tbody.append(tr);
   });
-
-  if(Math.random()>0.998) showToast('Fault probability threshold reached',{type:'warning'});
+  if(lastEta < 30) showToast(`Critical fault predicted in ${lastEta}s`, {type:'danger'});
+  else if(Math.random()>0.997) showToast('Load imbalance detected in Sector N', {type:'warning'});
 }
 const format = dateFns.format;
 setInterval(refresh,1000);