From d74c1ad59a595c767fb28dc269cc2ef551488a42 Mon Sep 17 00:00:00 2001
From: "Glitch (glitch-hello-node)" <none>
Date: Sun, 14 Nov 2021 15:52:18 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=86=F0=9F=98=9A=20Checkpoint=20./publi?=
 =?UTF-8?q?c/index.js:1954897/33614?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.js | 45 ++++++++++++++++++++++++++++++++++++++-------
 1 file changed, 38 insertions(+), 7 deletions(-)

diff --git a/public/index.js b/public/index.js
index bf952e2..834dcc3 100644
--- a/public/index.js
+++ b/public/index.js
@@ -78,12 +78,41 @@ async function drawRegions() {
     const avg = ecsw.reduce((acc, v) => acc + v.count, 0) / ecsw.length
     const current = ecsw[ecsw.length - 1]?.count ?? NaN
     const delta = current - avg
-    const busy = delta > 0
-    const color = busy ? '#ff0000' : '#00ff00'
+
+    if (Number.isNaN(delta)) return
+    
+    const min = Math.min(...data.map(d => d.count))
+    const max = Math.max(...data.map(d => d.count))
+    // const busy = delta > 0
+    // const color = busy ? '#ff0000' : '#00ff00'
+
+    const red = new Color(255, 0, 0)
+    const green = new Color(0, 255, 0)
+    const color = red.interpolate(green, current / (max - min))
+
     buildings.ECSW.poly.setStyle({ color })
     console.log({avg, current, delta, color})
 }
 
+class Color {
+    constructor(r, g, b) {
+        this.r = r
+        this.g = g
+        this.b = b
+    }
+    asRgbCss() {
+        return "rgb("+this.r+", "+this.g+", "+this.b+")"
+    }
+    interpolate(other, ratio) {
+        return new Color(
+            this.r + (other.r - this.r) * ratio,
+            this.g + (other.g - this.g) * ratio,
+            this.b + (other.b - this.b) * ratio
+        )
+    }
+}
+
+
 function getData() {
     return fetch('/db.csv').then(res => res.text()).then(text => {
         return text.trim().split('\n').map(line => {
@@ -106,14 +135,16 @@ async function displayCard(id) {
     }).finished
 
     console.log(data)
-
-    const avg = data.reduce((acc, v) => acc + v.count, 0) / data.length
+    
     const current = data[data.length - 1]?.count ?? NaN
+    const avg = data.reduce((acc, v) => acc + v.count, 0) / data.length
     const delta = current - avg
-    const busy = delta > 0
-    const color = busy ? '#ff0000' : '#00ff00'
+    const min = Math.min(...data.map(d => d.count))
+    const max = Math.max(...data.map(d => d.count))
 
-    console.log({ avg, current, delta, busy, color })
+    const red = new Color(255, 0, 0)
+    const green = new Color(0, 255, 0)
+    const color = red.interpolate(green, current / (max - min))
 
     const msg = Number.isNaN(delta)
         ? "No data..."