a bit more visualization tweaking

index.html

@@ -24,6 +24,8 @@
     <script>
 
         let content = document.getElementById("content");
+
+        data = data.slice(1, -1);
         console.log(data);
 
         let service_cats = {};
@@ -31,9 +33,12 @@
         let min_freq = 9999999;
         let max_freq = 0;
 
+        let current_scale = 50000;
+
         let i = 0;
         let str = "";
         for (let entry of data) {
+            i++;
 
             let services = [];
 
@@ -59,9 +64,18 @@
 
 
             let range = hi_freq - low_freq;
-            let color = `rgb(${i}, 0, 0)`;
+
+            if (range < current_scale) {
+                continue;
+            }
+
+            let ci = i * 6.28 / data.length;
+            let r = Math.sin(ci) * 64 + 127;
+            let g = Math.sin(ci + 2) * 64 + 127;
+            let b = Math.sin(ci + 4) * 64 + 127;
+            let color = `rgb(${r}, ${g}, ${b})`;
             let container = document.createElement('div');
-            container.style.height = range + 'px';
+            container.style.height = range / current_scale + 'px';
             container.style.backgroundColor = color;
             container.className = "freq-entry";
 
@@ -72,7 +86,6 @@
                 container.appendChild(s);
             }
             content.appendChild(container);
-            i++;
         }
 
         let max_min = document.createElement('div');