text customization

app/components/GraphView.vue

@@ -6,8 +6,12 @@ const nodes = [
         img: "/face.jpg",
         textTop: true,
         moveFactor: 6,
+        initialWidth: 'w-50',
+        initialHeight: 'h-50',
+        scaleFactor: 2,
         hOffset: 'left-1/3',
         vOffset: 'top-1/3',
+        topTextOffset: '-top-50',
     },
     {
         name: "DevOps engineer",
@@ -17,6 +21,7 @@ const nodes = [
         initialWidth: 'w-2',
         initialHeight: 'h-2',
         scaleFactor: 10,
+        bottomTextOffset: '-bottom-10'
     },
     {
         name: "Game developer",
@@ -98,6 +103,8 @@ useRafFn(() => {
                         :scale-factor="node.scaleFactor"
                         :initial-width="node.initialWidth"
                         :initial-height="node.initialHeight"
+                        :top-text-offset="node.topTextOffset"
+                        :bottom-text-offset="node.bottomTextOffset"
                         @position-changed="(x, y) => { nodeMoved(index, x, y) }"/>
                 </li>
             </ul>