Chart.js

package-lock.json

@@ -8,6 +8,7 @@
       "name": "graph-mesamis",
       "version": "0.0.0",
       "dependencies": {
+        "chart.js": "^4.5.1",
         "graphology": "^0.26.0",
         "graphology-layout-forceatlas2": "^0.10.1",
         "sigma": "^3.0.2"
@@ -51,6 +52,12 @@
         "tslib": "^2.4.0"
       }
     },
+    "node_modules/@kurkle/color": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/@kurkle/color/-/color-0.3.4.tgz",
+      "integrity": "sha512-M5UknZPHRu3DEDWoipU6sE8PdkZ6Z/S+v4dD+Ke8IaNlpdSQah50lz1KtcFBa2vsdOnwbbnxJwVM4wty6udA5w==",
+      "license": "MIT"
+    },
     "node_modules/@napi-rs/wasm-runtime": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.0.7.tgz",
@@ -350,6 +357,18 @@
         "node": ">=14"
       }
     },
+    "node_modules/chart.js": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.5.1.tgz",
+      "integrity": "sha512-GIjfiT9dbmHRiYi6Nl2yFCq7kkwdkp1W/lp2J99rX0yo9tgJGn3lKQATztIjb5tVtevcBtIdICNWqlq5+E8/Pw==",
+      "license": "MIT",
+      "dependencies": {
+        "@kurkle/color": "^0.3.0"
+      },
+      "engines": {
+        "pnpm": ">=8"
+      }
+    },
     "node_modules/detect-libc": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",

package.json

@@ -16,6 +16,7 @@
     "vite": "npm:rolldown-vite@7.1.14"
   },
   "dependencies": {
+    "chart.js": "^4.5.1",
     "graphology": "^0.26.0",
     "graphology-layout-forceatlas2": "^0.10.1",
     "sigma": "^3.0.2"

src/main.ts

@@ -86,11 +86,11 @@ function stepLayout() {
 // Lancement
 stepLayout();
 
-// Arrêt automatique après 8 secondes
+// Arrêt automatique après 5 secondes
 setTimeout(() => {
   running = false;
   console.log("Layout stabilisé");
-}, 8000);
+}, 5000);
 
 /*
 const layout = new ForceAtlas2Layout(graph, {