From 3869d19029c145168cce9aa651aaa1b73b4ff222 Mon Sep 17 00:00:00 2001 From: "Glitch (glitch-hello-node)" Date: Sun, 14 Nov 2021 16:37:38 +0000 Subject: [PATCH] =?UTF-8?q?=F0=9F=8D=AA=F0=9F=8D=B0=20Checkpoint=20./publi?= =?UTF-8?q?c/index.js:1954897/59330?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- db.csv | 13 +++++++++++++ public/index.js | 17 +++++------------ 2 files changed, 18 insertions(+), 12 deletions(-) diff --git a/db.csv b/db.csv index 57d8673..ad7e0b6 100644 --- a/db.csv +++ b/db.csv @@ -435,3 +435,16 @@ ECSW,1636907151813,2 ECSW,1636907165563,2 ECSW,1636907179017,2 ECSW,1636907193061,2 +ECSW,1636907211474,2 +ECSW,1636907224730,2 +ECSW,1636907238242,2 +ECSW,1636907252062,2 +ECSW,1636907265754,2 +ECSW,1636907278967,2 +ECSW,1636907291981,3 +ECSW,1636907305097,2 +ECSW,1636907795564,3 +ECSW,1636907809605,4 +ECSW,1636907823324,4 +ECSW,1636907836309,3 +ECSW,1636907851878,4 diff --git a/public/index.js b/public/index.js index 6210779..8d652e0 100644 --- a/public/index.js +++ b/public/index.js @@ -35,8 +35,8 @@ const map = L.map('map', { maxZoom: 18 }).setView([32.98613, -96.75042], 18) -const INTERVAL = 10 * 60 * 1000 const STEP = 2 * 60 * 1000 +const INTERVAL = 10 * 60 * 1000 + STEP L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', { maxZoom: 18, @@ -89,7 +89,7 @@ async function drawRegions() { const red = new Color(255, 0, 0) const green = new Color(0, 255, 0) console.log({current, max, min}) - const color = red.interpolate(green, current / (max - min)) + const color = red.interpolate(green, -current / (max - min)) buildings.ECSW.poly.setStyle({ color: color.asRgbCss() }) console.log({avg, current, delta, color}) @@ -144,18 +144,11 @@ async function displayCard(id) { 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 min = Math.min(...data.map(d => d.count)) - // const max = Math.max(...data.map(d => d.count)) - const busy = delta < 0 + const busy = 0 < delta - // const red = new Color(255, 0, 0) - // const green = new Color(0, 255, 0) - // const color = red.interpolate(green, current / (max - min)) + console.log({busy, avg, current, delta}) - console.log(delta) - - const msg = Number.isNaN(delta) - ? "No data..." + const msg = Number.isNaN(delta) ? "No data..." : (busy ? "Busier than usual": "Not as busy :)") card.innerHTML = `