✨ animate year graph

src/app/graphs/year-graph/year-graph.component.html

@@ -1,6 +1,7 @@
 <h2>Rural attractiveness of regions in {{ selectedYear }}</h2>
 <div *ngIf="sdmDihService.yearsLoaded; else loading">
   <div class="year-range">
+    <span><button (click)="animateGraphs()">&gt;</button></span>
     <span>{{sdmDihService.firstYear}}</span>
     <input
       type="range"

src/app/graphs/year-graph/year-graph.component.ts

@@ -19,6 +19,18 @@ export class YearGraphComponent {
     });
   }
 
+  animateGraphs() {
+    const MILLISECONDS_TO_ANIMATE = 100 as const;
+    let i = 1;
+    for (const year of this.sdmDihService.years) {
+      setTimeout(() => {
+        this.selectedYear = year;
+        this.redrawGraphs();
+      }, MILLISECONDS_TO_ANIMATE * i);
+      i++;
+    }
+  }
+
   drawGraph(region: string) {
     const year = this.selectedYear.toString().includes('.')
       ? this.selectedYear