📷🏈 Checkpoint

./public/index.js:1954897/48442

db.csv

@@ -312,3 +312,28 @@ ECSW,1636875924191,3
 ECSW,1636875944170,3
 ECSW,1636875958206,3
 ECSW,1636875977262,3
+ECSW,1636876001257,4
+ECSW,1636876026158,4
+ECSW,1636876047209,4
+ECSW,1636876061171,4
+ECSW,1636876086093,4
+ECSW,1636876113169,4
+ECSW,1636876127172,3
+ECSW,1636876145139,4
+ECSW,1636876166358,4
+ECSW,1636876180052,3
+ECSW,1636876194145,3
+ECSW,1636876208269,4
+ECSW,1636876222415,4
+ECSW,1636876236134,4
+ECSW,1636876252259,4
+ECSW,1636876274258,4
+ECSW,1636876294410,4
+ECSW,1636876316179,4
+ECSW,1636876334257,4
+ECSW,1636876350194,4
+ECSW,1636876373179,4
+ECSW,1636876393118,4
+ECSW,1636876407261,4
+ECSW,1636876435324,4
+ECSW,1636876455360,4

public/index.js

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