Layout algorithm in place

cypress/platform/knsv.html

@@ -22,6 +22,7 @@
       }
       .mermaid svg {
         /* font-size: 18px !important; */
+        border: 1px solid red;
       }
     </style>
   </head>
@@ -41,7 +42,7 @@ journey
       Go downstairs: 5: Me
       Sit down: 5: Mee
 </div>
-<div class="mermaid" style="width: 50%;">
+<div class="mermaid2" style="width: 50%;">
 mindmap
     root[
       The root where the things
@@ -50,6 +51,52 @@ mindmap
       pen!
     ]
       Child1
+      child2[
+        Child2<br/>
+        The second<br/>
+        The second<br/>
+        The second<br/>
+        The second<br/>
+        The second<br/>
+        The second<br/>
+        The second<br/>
+      ]
+        Other
+      Child3
+        GrandChild1
+          sc1
+          sc2
+          sc3
+        GrandChild2
+</div>
+<div class="mermaid" style="width: 50%;">
+mindmap
+    root[
+      The root where the things
+      happen!
+    ]
+      Child2
+        GrandChild1
+        GrandChild2
+      Child3
+        GrandChild3
+        GrandChild4
+      Child4
+        GrandChild5
+        GrandChild6
+      Child1
+        GrandChild1
+          sc1
+          sc2
+          sc3
+        GrandChild2
+      Child5
+        GrandChild7
+          sc1
+          sc2
+          sc3
+        GrandChild7
+
 </div>
 <div class="mermaid2" style="width: 50%;">
    pie
@@ -62,7 +109,7 @@ mindmap
     "Magnesium" : 10.01
     "Iron" :  5
 </div>
-<div class="mermaid" style="width: 50%;">
+<div class="mermaid2" style="width: 50%;">
  gitGraph TB
        commit
        commit