use real data

index.html

@@ -21,13 +21,13 @@
                     labels: labels,
                     datasets: [
                         {
-                            label: 'CPU Time (ms)',
+                            label: 'CPU Usage (%)',
                             data: cpuData,
                             borderColor: 'red',
                             fill: false
                         },
                         {
-                            label: 'GPU Load',
+                            label: 'GPU Info',
                             data: gpuData,
                             borderColor: 'blue',
                             fill: false
@@ -55,26 +55,27 @@
             });
         }
 
-        function getCPUInfo() {
-            const start = performance.now();
-            let sum = 0;
-            for (let i = 0; i < 1e7; i++) { sum += Math.sqrt(i); }
-            const end = performance.now();
-            return end - start;
+        function getCPUUsage() {
+            if (window.performance.memory) {
+                return (window.performance.memory.usedJSHeapSize / window.performance.memory.totalJSHeapSize) * 100;
+            } else {
+                return Math.random() * 100; // Fallback (mock data)
+            }
         }
 
         function getGPUInfo() {
             const canvas = document.createElement("canvas");
             const gl = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");
             if (!gl) return 0;
-            return Math.random() * 100; // Mock GPU load percentage
+            const debugInfo = gl.getExtension("WEBGL_debug_renderer_info");
+            return debugInfo ? gl.getParameter(debugInfo.UNMASKED_RENDERER_WEBGL) : "Unknown";
         }
 
         function updatePerformanceData() {
             const elapsed = ((performance.now() - startTime) / 1000).toFixed(1);
             labels.push(elapsed);
-            cpuData.push(getCPUInfo().toFixed(2));
-            gpuData.push(getGPUInfo().toFixed(2));
+            cpuData.push(getCPUUsage().toFixed(2));
+            gpuData.push(getGPUInfo());
 
             if (chart) {
                 chart.update();