Enhance CPU usage script to return usage percentage with corresponding icon; improve visual representation of CPU load

Author: isontheline

_posts/2025-05-10-cpu-usage.md

@@ -49,9 +49,23 @@ script: |
       usagePercent = 0;
     }
 
-    return usagePercent + '%';
+    let icon;
+    if (usagePercent < 33) {
+      icon = 'gauge.with.dots.needle.0percent';
+    } else if (usagePercent < 50) {
+      icon = 'gauge.with.dots.needle.33percent';
+    } else if (usagePercent < 67) {
+      icon = 'gauge.with.dots.needle.50percent';
+    } else if (usagePercent < 80) {
+      icon = 'gauge.with.dots.needle.67percent';
+    } else {
+      icon = 'gauge.with.dots.needle.100percent';
+    }
+
+    return { label: usagePercent + '%', icon };
   })();
 ---
 
-This script retrieves the current CPU usage (percent) of the system.
+This script retrieves the current CPU usage (percent) of the system by reading the `/proc/stat` file. It calculates the CPU usage based on the difference between the current and previous CPU times. The script uses a simple algorithm to determine the CPU usage percentage and returns it as a label with an appropriate icon.
+
 Hope to be a cross-platform script in the future. Currently only Linux is supported.