💝🖐 Checkpoint

./public/index.js:1954897/86229

db.csv

@@ -277,3 +277,38 @@ ECSW,1636875248162,3
 ECSW,1636875266128,2
 ECSW,1636875283264,2
 ECSW,1636875302157,3
+ECSW,1636875321255,2
+ECSW,1636875340176,3
+ECSW,1636875357462,2
+ECSW,1636875375080,2
+ECSW,1636875398148,3
+ECSW,1636875416152,2
+ECSW,1636875433477,2
+ECSW,1636875451160,2
+ECSW,1636875469240,2
+ECSW,1636875488261,2
+ECSW,1636875506195,2
+ECSW,1636875523352,2
+ECSW,1636875541286,3
+ECSW,1636875559207,2
+ECSW,1636875577281,3
+ECSW,1636875595141,2
+ECSW,1636875612456,2
+ECSW,1636875630170,2
+ECSW,1636875650141,2
+ECSW,1636875668155,2
+ECSW,1636875689255,2
+ECSW,1636875713357,2
+ECSW,1636875731437,2
+ECSW,1636875749198,2
+ECSW,1636875766460,2
+ECSW,1636875786205,3
+ECSW,1636875804267,3
+ECSW,1636875850286,6
+ECSW,1636875870484,7
+ECSW,1636875893185,4
+ECSW,1636875907255,3
+ECSW,1636875924191,3
+ECSW,1636875944170,3
+ECSW,1636875958206,3
+ECSW,1636875977262,3

public/index.js

@@ -133,18 +133,30 @@ async function displayCard(id) {
 
 
 function updateChart(data) {
-    // { loc, time: new Date(+time), count: parseInt(count) }
+    const parsed = data.map(d => {
+        const TEN_MINUTES = 2 * 60 * 1000
+        // this is 0-5
+        let ago = Math.floor((Date.now() - d.time) / TEN_MINUTES)
+        // if (20 < ago) ago = 20
+        return {time: d.time, ago, count: d.count}
+    }).reduce((acc, v) => {
+        if (!acc[v.ago]) {
+            acc[v.ago] = []
+        }
+        acc[v.ago].push(v.count)
+        return acc
+    }, []).map(v => v.reduce((acc, v) => acc + v, 0) / v.length)
 
-    const parsed = data.map(d => ({ x: d.time, y: d.count }))
+    console.log(parsed)
 
     const ctx = document.getElementById('myChart').getContext('2d')
     new Chart(ctx, {
         type: 'line',
         data: {
-            // labels: ['Now', '1h ago', '2h ago', '3h ago', '4h ago', '5h ago'].reverse(),
+            labels: ['Now', '10m ago', '20m ago', '30m ago', '40m ago', '50m ago'].reverse(),
             datasets: [{
                 label: 'Density',
-                data: parsed,
+                data: parsed.reverse(),
                 borderColor: '#55aadd',
                 backgroundColor: '#55aadd',
                 // borderWidth: 2