🐛 correct dead link

+ alignment of dependency versions

package.json

@@ -9,12 +9,15 @@
     "dev": "ng serve --disable-host-check",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
+  "engines": {
+    "node": "^14.15.0 || ^16.10.0"
+  },
   "dependencies": {
     "@angular/router": "^13.3.11",
-    "@types/d3": "^7.1.0",
+    "@types/d3": "^6.7.0",
     "@types/plotly.js-dist-min": "^2.3.0",
     "angular-plotly.js": "^4.0.4",
-    "d3": "^7.4.0",
+    "d3": "^6.7.0",
     "hslayers-ng": "^8.1.0",
     "plotly.js-dist-min": "^2.11.1"
   },
@@ -27,6 +30,7 @@
     "@angular-eslint/template-parser": "^13.2.0",
     "@angular/cli": "^13.2.5",
     "@types/karma-jasmine": "^4.0.2",
+    "@types/node": "^16.10.0",
     "@typescript-eslint/eslint-plugin": "^5.18.0",
     "eslint": "^8.12.0",
     "eslint-config-openlayers": "^14.0.0",

src/app/discs-chart/disc-legend.component.ts

@@ -38,7 +38,7 @@ export class DiscLegendComponent implements OnInit, AfterViewInit {
       .append('svg')
       .attr('width', width)
       .attr('height', height)
-      .attr('viewBox', [0, 0, width, height])
+      .attr('viewBox', `0 0 ${width} ${height}`)
       .style('overflow', 'visible')
       .style('display', 'block')
       .append('g');

src/app/pages/about-rural-attractiveness-explorer/about-rural-attractiveness-explorer.component.html

@@ -64,7 +64,7 @@
   <p>To find out more about rural attractiveness, consult these resources:
   </p>
   <ul>
-    <li><a href="https://hub.polirural.eu/rural-attractiveness-clustering">Rural Attractiveness Map application</a></li>
+    <li><a href="https://publish.lesprojekt.cz/attractiveness-clustering/">Rural Attractiveness Map application</a></li>
     <li><a href="https://polirural.eu/wp-content/uploads/2021/11/D1.1..pdf">D1.1 PoliRural Vision For Attractive
         Rural Places & Professions</a></li>
     <li><a href="https://polirural.eu/wp-content/uploads/2021/11/D1.4..pdf">D1.4 Rural Attractiveness: Post-Needs