update(examples): Add layouting example

pnpm-lock.yaml

@@ -9,12 +9,14 @@ specifiers:
   '@rollup/plugin-node-resolve': ^13.0.6
   '@rollup/plugin-replace': ^2.4.2
   '@types/d3': ^7.1.0
+  '@types/dagre': ^0.7.46
   '@vitejs/plugin-vue': ^1.9.3
   '@vueuse/core': ^6.6.2
   autoprefixer: ^10.3.7
   d3: ^7.1.1
   d3-selection: ^3.0.0
   d3-zoom: ^3.0.0
+  dagre: ^0.8.5
   esbuild-register: ^2.6.0
   eslint: ^7.32.0
   eslint-config-prettier: ^8.3.0
@@ -58,8 +60,10 @@ devDependencies:
   '@rollup/plugin-commonjs': 19.0.2_rollup@2.58.0
   '@rollup/plugin-node-resolve': 13.0.6_rollup@2.58.0
   '@rollup/plugin-replace': 2.4.2_rollup@2.58.0
+  '@types/dagre': 0.7.46
   '@vitejs/plugin-vue': 1.9.3_vite@2.6.10
   autoprefixer: 10.3.7_postcss@8.3.9
+  dagre: 0.8.5
   esbuild-register: 2.6.0
   eslint: 7.32.0
   eslint-config-prettier: 8.3.0_eslint@7.32.0
@@ -813,6 +817,10 @@ packages:
       '@types/d3-zoom': 3.0.1
     dev: false
 
+  /@types/dagre/0.7.46:
+    resolution: {integrity: sha512-ku3y+F8sPqmiB5Ugl22NpukI2dLAViJiWwdtueXLeuF4fxZozl+bytPSFVlLu/gDgaKiwobu3LBXXRWktIMiIA==}
+    dev: true
+
   /@types/estree/0.0.39:
     resolution: {integrity: sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==}
     dev: true
@@ -2099,6 +2107,13 @@ packages:
       d3-zoom: 3.0.0
     dev: false
 
+  /dagre/0.8.5:
+    resolution: {integrity: sha512-/aTqmnRta7x7MCCpExk7HQL2O4owCT2h8NT//9I1OQ9vt29Pa0BzSAkR5lwFUcQ7491yVi/3CXU9jQ5o0Mn2Sw==}
+    dependencies:
+      graphlib: 2.1.8
+      lodash: 4.17.21
+    dev: true
+
   /date-fns/1.30.1:
     resolution: {integrity: sha512-hBSVCvSmWC+QypYObzwGOd9wqdDpOt+0wl0KbU+R+uuZBS1jN8VsD1ss3irQDknRj5NvxiTF6oj/nDRnN/UQNw==}
     dev: true
@@ -3266,6 +3281,12 @@ packages:
     resolution: {integrity: sha512-qkIilPUYcNhJpd33n0GBXTB1MMPp14TxEsEs0pTrsSVucApsYzW5V+Q8Qxhik6KU3evy+qkAAowTByymK0avdg==}
     dev: true
 
+  /graphlib/2.1.8:
+    resolution: {integrity: sha512-jcLLfkpoVGmH7/InMC/1hIvOPSUh38oJtGhvrOFGzioE1DZ+0YW16RgmOJhHiuWTvGiJQ9Z1Ik43JvkRPRvE+A==}
+    dependencies:
+      lodash: 4.17.21
+    dev: true
+
   /hard-rejection/2.1.0:
     resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==}
     engines: {node: '>=6'}