diff --git a/webapp/src/ClimateChart.ts b/webapp/src/ClimateChart.ts
index 67d24b9..07af3f2 100644
--- a/webapp/src/ClimateChart.ts
+++ b/webapp/src/ClimateChart.ts
@@ -106,10 +106,10 @@ class ClimateChart {
     }
 
     private insertSnapshots(...snapshots: Snapshot[]) {
-        for (const snapshot of snapshots) {
-            this.chart.data.datasets[0].data.unshift({x: snapshot.time, y: snapshot.humidity});
-            this.chart.data.datasets[1].data.unshift({x: snapshot.time, y: snapshot.temp});
-            this.chart.data.datasets[2].data.unshift({x: snapshot.time, y: snapshot.co2});
+        for (const snapshot of snapshots.reverse()) {
+            this.chart.data.datasets[0].data.push({x: snapshot.time, y: snapshot.humidity});
+            this.chart.data.datasets[1].data.push({x: snapshot.time, y: snapshot.temp});
+            this.chart.data.datasets[2].data.push({x: snapshot.time, y: snapshot.co2});
         }
     }