diff --git a/planning/behavior_velocity_planner/autoware_behavior_velocity_crosswalk_module/README.md b/planning/behavior_velocity_planner/autoware_behavior_velocity_crosswalk_module/README.md
index 857f590104aea..52e8c5b2a24a9 100644
--- a/planning/behavior_velocity_planner/autoware_behavior_velocity_crosswalk_module/README.md
+++ b/planning/behavior_velocity_planner/autoware_behavior_velocity_crosswalk_module/README.md
@@ -138,27 +138,24 @@ The decision is based on the following variables, along with the calculation of
 
 We classify ego behavior at crosswalks into three categories according to the relative relationship between TTC and TTV [1].
 
-- A. **TTC >> TTV**: The object has enough time to cross before the ego.
+- A. **TTC >> TTV**: The object will pass early enough than the ego reach the collision point.
   - No stop planning.
 - B. **TTC ≒ TTV**: There is a risk of collision.
   - **Stop point is inserted in the ego's path**.
-- C. **TTC << TTV**: Ego has enough time to cross before the object.
+- C. **TTC << TTV**: The ego will pass early enough than the object reach the collision point.
   - No stop planning.
 
+The following figure shows the decision result for each TTC and TTV with the parameters, `ego_pass_first_margin_x` is `{0}`, `ego_pass_first_margin_y` is `{4}`, `ego_pass_later_margin_x` is `{0}`, and `ego_pass_later_margin_y` is `{13}`.
+
 <div align="center">
     <table>
         <tr>
             <td><img src="./docs/virtual_collision_point.svg" width="600"></td>
-            <td><img src="./docs/ttc_vs_ttv.drawio.svg" width="350"></td>
+            <td><img src="./docs/ttc_vs_ttv.svg" width="350"></td>
         </tr>
     </table>
 </div>
 
-The boundary of A and B is interpolated from `ego_pass_later_margin_x` and `ego_pass_later_margin_y`.
-In the case of the upper figure, `ego_pass_later_margin_x` is `{0, 1, 2}` and `ego_pass_later_margin_y` is `{1, 4, 6}`.
-In the same way, the boundary of B and C is calculated from `ego_pass_first_margin_x` and `ego_pass_first_margin_y`.
-In the case of the upper figure, `ego_pass_first_margin_x` is `{3, 5}` and `ego_pass_first_margin_y` is `{0, 1}`.
-
 If the red signal is indicating to the corresponding crosswalk, the ego do not yield against the pedestrians.
 
 <div align="center">
diff --git a/planning/behavior_velocity_planner/autoware_behavior_velocity_crosswalk_module/docs/ttc_vs_ttv.drawio.svg b/planning/behavior_velocity_planner/autoware_behavior_velocity_crosswalk_module/docs/ttc_vs_ttv.drawio.svg
index 6eb1b25cf5642..b0c4a38125607 100644
--- a/planning/behavior_velocity_planner/autoware_behavior_velocity_crosswalk_module/docs/ttc_vs_ttv.drawio.svg
+++ b/planning/behavior_velocity_planner/autoware_behavior_velocity_crosswalk_module/docs/ttc_vs_ttv.drawio.svg
@@ -1,209 +1,344 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<!-- Do not edit this file with editors other than diagrams.net -->
+<!-- Do not edit this file with editors other than draw.io -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg
   xmlns="http://www.w3.org/2000/svg"
+  style="background: #FFFFFF; background-color: light-dark(#FFFFFF, #FFFFFF); color-scheme: light dark;"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   version="1.1"
   width="343px"
-  height="340px"
-  viewBox="-0.5 -0.5 343 340"
-  content="&lt;mxfile host=&quot;Electron&quot; modified=&quot;2023-11-15T14:55:04.684Z&quot; agent=&quot;5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/20.8.10 Chrome/106.0.5249.199 Electron/21.3.5 Safari/537.36&quot; etag=&quot;ROnY_wVODr3YAwYHDrWV&quot; version=&quot;20.8.10&quot; type=&quot;device&quot;&gt;&lt;diagram name=&quot;ページ1&quot; id=&quot;OJ6AbqiYoODi8TGeV5JV&quot;&gt;7Zpbb6M4FMc/TaTuQ5GNudiPTabZkfaiSh3NaJ4qN7hgDcFZcJt0Pv2aYK6madoJCZsuD1E4YBvOz3+fw4EJmi03v6d0Ff0lAhZPbBBsJujTxLYxJOo3NzwXBof4hSFMeVCYYG245T+ZNgJtfeQBy1onSiFiyVdt40IkCVvIlo2mqVi3T3sQcXvUFQ2ZYbhd0Ni0fuOBjPRt2X5t/8x4GJUjQ0/f8JKWJ+s7ySIaiHXDhK4naJYKIYt/y82MxbnvSr8U7eYvHK0uLGWJ3KfBj6c/QPD3zT9f6U+8+R7Raw9/v0T6Pp5o/KjvWF+tfC5d8MRSyZVH/qT3LL4RGZdcJOrQvZBSLCdoWp5wFfMwPyDFSlkjuYzVDlR/1a2v8s6WmzCfJNY9zfjCCjgN77KEr+7SLbnpdtJ4wEJI7awjLtntii7yhmvVLO9HpuIHm4lYpMqYiEQdmz7wOC5NExvN50Btyi5UWy7zaWfnu/o+1aWyzYsehBUXNZ+ZWDKZPqtTdAPkYst2i1Z6OnsYWK5H6q04uq6nio01/6gxTSoj1dMzrAarCao/GuIbgDru60BZElzl0qh9GNAsYoGm1QCXisck2B6oXcgCQzGvOrDhD7fHHaUtZTGV/KndfZ+L9Ag3gquBKz6OA1pwfLvj5Uw8pgumWzWl0u0op2pwRtDgXHYsaRoyaXS8JVi54RegegbUC3V9qjMAfzPwqgkuO/p7TTfaRLWAF4onS3uUveRBkA/Tq86+yfJLenOh3YKACbII2SU2r2dyocGkZq6dF7Cg4pwxFYSNVdAnveo4GRhsgrELMN4Zg3FsxwAD3VGBIafLNkQqIxGKhMZ3MuU0CeOe5CHf5nMzeUiFpPo6Lgl4aYocZMnzrXK1L1c9RCwMQbVBgyG0geUTk+PW7g3EEpkiGxfL+XZ7iZVB9BACJLiTNhAADFoKp2uyqjOOg5NynZGTAoCQvpS9wWhQ0SGXWGWrvfP6k4jOPeHj2oFFB3GO9CHmq8962IOQxO34Z1eyaqDDsAeb6w8nwJ58BJx/+o4cv7Mc4lMnIK6ZgFygggQ4YxIO6oQlZIriqBzKwRocvvAlu/wiLr+yiC+Ua1QEcKfZxP10xlhAVyDEU+uVb8aa48KBIw8yVb7wjiAzSFVwjDFnjzrgx84USDs09TxXob70DnqDMXP2SNTPtXbbU1snkPTl4G8t5iJi9IzBKau5aI8qSAPzIqaZUtUuuIWEyvdT9n8EtxH63snX6MrrdjV0ed7+wLolvmU7tZLasRADe5fQ9n4fg9qLtd+9zoEBe+hsgukha11+9+muNjUmnwN66132QEHUG3u1q6ox78fq8AnraNE5e8jsXNdRx2+vnO8Oh25PImWf9OW1+ay/i+r/6c5uvp7qqhFvySvTZmi4e9QKzlWyb1fa3ozRLsbYOS5jb+ylhLHVg8ZXWfDMD4jKeqvyVsyz3D9jr7gOkcZWZe8dsI5cfTVf8U1HCuRBJFJ/sescKjf1fQt16qk+tiAyqGBYZayttZ1YHh4Kjfke7+rjoEFuWyo+6KtyHx+KWU2bfRworutV4qie5by+Z7mDolG79YfrRZ5Rf/2Prv8F&lt;/diagram&gt;&lt;/mxfile&gt;"
-  style="background-color: rgb(255, 255, 255);"
+  height="339px"
+  viewBox="-0.5 -0.5 343 339"
+  content="&lt;mxfile host=&quot;app.diagrams.net&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36&quot; version=&quot;26.0.8&quot;&gt;&#10;  &lt;diagram name=&quot;ページ1&quot; id=&quot;OJ6AbqiYoODi8TGeV5JV&quot;&gt;&#10;    &lt;mxGraphModel dx=&quot;2586&quot; dy=&quot;1469&quot; grid=&quot;1&quot; gridSize=&quot;10&quot; guides=&quot;1&quot; tooltips=&quot;1&quot; connect=&quot;1&quot; arrows=&quot;1&quot; fold=&quot;1&quot; page=&quot;1&quot; pageScale=&quot;1&quot; pageWidth=&quot;827&quot; pageHeight=&quot;1169&quot; background=&quot;light-dark(#FFFFFF,#FFFFFF)&quot; math=&quot;0&quot; shadow=&quot;0&quot;&gt;&#10;      &lt;root&gt;&#10;        &lt;mxCell id=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;1&quot; parent=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;kvK0dNPqVaz8xYhaE68Y-37&quot; value=&quot;&quot; style=&quot;verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.basic.diag_snip_rect;dx=60.33;whiteSpace=wrap;strokeColor=none;fillColor=#FF0000;opacity=20;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;358.25&quot; y=&quot;680.5699999999999&quot; width=&quot;280&quot; height=&quot;280&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kvK0dNPqVaz8xYhaE68Y-49&quot; value=&quot;&quot; style=&quot;verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.basic.orthogonal_triangle;fillColor=#3333FF;opacity=20;rotation=-90;strokeColor=none;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;517.46&quot; y=&quot;837.8100000000001&quot; width=&quot;120.79&quot; height=&quot;120.76&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kvK0dNPqVaz8xYhaE68Y-57&quot; value=&quot;&quot; style=&quot;verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.basic.orthogonal_triangle;fillColor=#FFFFFF;strokeColor=none;rotation=-180;flipH=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;358&quot; y=&quot;720.5&quot; width=&quot;81&quot; height=&quot;157.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kvK0dNPqVaz8xYhaE68Y-59&quot; value=&quot;(13, 0)&quot; style=&quot;text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;468.25&quot; y=&quot;928.57&quot; width=&quot;60&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kvK0dNPqVaz8xYhaE68Y-60&quot; value=&quot;Time-To-Vehicle [s]&quot; style=&quot;text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;407.5&quot; y=&quot;960.57&quot; width=&quot;160&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kvK0dNPqVaz8xYhaE68Y-55&quot; value=&quot;&quot; style=&quot;verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.basic.orthogonal_triangle;fillColor=#FFFFFF;strokeColor=none;rotation=-180;flipH=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;359&quot; y=&quot;680&quot; width=&quot;217&quot; height=&quot;237.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kvK0dNPqVaz8xYhaE68Y-39&quot; value=&quot;&quot; style=&quot;endArrow=classic;html=1;rounded=0;strokeWidth=2;&quot; parent=&quot;1&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;358.5&quot; y=&quot;960&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;358.5&quot; y=&quot;660&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kvK0dNPqVaz8xYhaE68Y-43&quot; value=&quot;&quot; style=&quot;endArrow=none;dashed=1;html=1;rounded=0;&quot; parent=&quot;1&quot; target=&quot;kvK0dNPqVaz8xYhaE68Y-37&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;478&quot; y=&quot;960&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;558.25&quot; y=&quot;920.3199999999999&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kvK0dNPqVaz8xYhaE68Y-40&quot; value=&quot;&quot; style=&quot;endArrow=classic;html=1;rounded=0;strokeWidth=2;&quot; parent=&quot;1&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;358.5&quot; y=&quot;960&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;658.4999999999998&quot; y=&quot;960&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kvK0dNPqVaz8xYhaE68Y-66&quot; value=&quot;Time-To-Collision [s]&quot; style=&quot;text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;rotation=-90;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;260&quot; y=&quot;801&quot; width=&quot;160&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kvK0dNPqVaz8xYhaE68Y-67&quot; value=&quot;B&quot; style=&quot;text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=40;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;477.38&quot; y=&quot;778.13&quot; width=&quot;81.75&quot; height=&quot;59.68&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kvK0dNPqVaz8xYhaE68Y-68&quot; value=&quot;A&quot; style=&quot;text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=40;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;350&quot; y=&quot;705&quot; width=&quot;81.75&quot; height=&quot;59.68&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kvK0dNPqVaz8xYhaE68Y-69&quot; value=&quot;C&quot; style=&quot;text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=40;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;556.13&quot; y=&quot;896.75&quot; width=&quot;81.75&quot; height=&quot;59.68&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kvK0dNPqVaz8xYhaE68Y-58&quot; value=&quot;(0, 4)&quot; style=&quot;text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;358&quot; y=&quot;900.57&quot; width=&quot;60&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kvK0dNPqVaz8xYhaE68Y-45&quot; value=&quot;&quot; style=&quot;endArrow=none;dashed=1;html=1;rounded=0;entryX=0.776;entryY=-0.002;entryDx=0;entryDy=0;entryPerimeter=0;&quot; parent=&quot;1&quot; target=&quot;kvK0dNPqVaz8xYhaE68Y-37&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;359&quot; y=&quot;917.5&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;399.5&quot; y=&quot;877.8199999999999&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kvK0dNPqVaz8xYhaE68Y-41&quot; value=&quot;&quot; style=&quot;endArrow=none;dashed=1;html=1;rounded=0;exitX=0.573;exitY=0.998;exitDx=0;exitDy=0;exitPerimeter=0;&quot; parent=&quot;1&quot; source=&quot;kvK0dNPqVaz8xYhaE68Y-37&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;558.25&quot; y=&quot;920.3199999999999&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;638.4999999999998&quot; y=&quot;840&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;kvK0dNPqVaz8xYhaE68Y-61&quot; value=&quot;&quot; style=&quot;verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.basic.orthogonal_triangle;fillColor=#009900;strokeColor=none;rotation=-180;flipH=1;opacity=20;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;359&quot; y=&quot;680&quot; width=&quot;217.26&quot; height=&quot;237.5&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;      &lt;/root&gt;&#10;    &lt;/mxGraphModel&gt;&#10;  &lt;/diagram&gt;&#10;&lt;/mxfile&gt;&#10;"
 >
   <defs/>
+  <rect fill="#FFFFFF" width="100%" height="100%" x="0" y="0" style="fill: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));"/>
   <g>
-    <path d="M 153.91 28.57 L 313.25 28.57 L 313.25 187.91 L 192.59 308.57 L 33.25 308.57 L 33.25 149.23 Z" fill-opacity="0.2" fill="#ff0000" stroke="none" pointer-events="all"/>
-    <path d="M 115 68 L 155.5 28.32" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
-    <rect x="187" y="242" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
-    <g transform="translate(-0.5 -0.5)">
-      <switch>
-        <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
-          <div
-            xmlns="http://www.w3.org/1999/xhtml"
-            style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 257px; margin-left: 188px;"
-          >
-            <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-              <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
-                (5, 1)
-              </div>
-            </div>
-          </div>
-        </foreignObject>
-        <text x="217" y="261" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">(5, 1)</text>
-      </switch>
-    </g>
-    <rect x="63.25" y="138.32" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
-    <g transform="translate(-0.5 -0.5)">
-      <switch>
-        <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
-          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 153px; margin-left: 64px;">
-            <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-              <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
-                (1, 4)
-              </div>
-            </div>
-          </div>
-        </foreignObject>
-        <text x="93" y="157" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">(1, 4)</text>
-      </switch>
-    </g>
-    <rect x="99.25" y="63.32" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
-    <g transform="translate(-0.5 -0.5)">
-      <switch>
-        <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
-          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 78px; margin-left: 100px;">
-            <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-              <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
-                (2, 6)
-              </div>
-            </div>
-          </div>
-        </foreignObject>
-        <text x="129" y="82" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">(2, 6)</text>
-      </switch>
-    </g>
-    <path d="M 192.46 308.57 L 192.46 187.81 L 313.25 308.57 Z" fill-opacity="0.2" fill="#3333ff" stroke="none" transform="rotate(-90,252.86,248.19)" pointer-events="all"/>
-    <path d="M 173.5 328.5 L 173.5 248 L 213 328.5 Z" fill="#ffffff" stroke="none" transform="rotate(-90,193.25,288.25)" pointer-events="all"/>
-    <path d="M 34.21 149.33 L 34.21 28.57 L 155 149.33 Z" fill-opacity="0.2" fill="#009900" stroke="none" transform="rotate(90,94.61,88.95)" pointer-events="all"/>
-    <path d="M 33 226 L 33 68.5 L 114 226 Z" fill="#ffffff" stroke="none" transform="translate(73.5,0)scale(-1,1)translate(-73.5,0)rotate(180,73.5,147.25)" pointer-events="all"/>
-    <rect x="22.5" y="247" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
-    <g transform="translate(-0.5 -0.5)">
-      <switch>
-        <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
-          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 262px; margin-left: 24px;">
-            <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-              <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
-                (0, 1)
-              </div>
-            </div>
-          </div>
-        </foreignObject>
-        <text x="53" y="266" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">(0, 1)</text>
-      </switch>
-    </g>
-    <rect x="110" y="283" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
-    <g transform="translate(-0.5 -0.5)">
-      <switch>
-        <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
-          <div
-            xmlns="http://www.w3.org/1999/xhtml"
-            style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 298px; margin-left: 111px;"
-          >
-            <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-              <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
-                (3, 0)
-              </div>
-            </div>
-          </div>
-        </foreignObject>
-        <text x="140" y="302" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">(3, 0)</text>
-      </switch>
-    </g>
-    <rect x="82.5" y="308.57" width="160" height="30" fill="none" stroke="none" pointer-events="all"/>
-    <g transform="translate(-0.5 -0.5)">
-      <switch>
-        <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
-          <div
-            xmlns="http://www.w3.org/1999/xhtml"
-            style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 324px; margin-left: 84px;"
-          >
-            <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-              <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
-                Time-To-Vehicle [s]
-              </div>
-            </div>
-          </div>
-        </foreignObject>
-        <text x="163" y="327" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Time-To-Vehicle [s]</text>
-      </switch>
-    </g>
-    <path d="M 33 226 L 33 68.5 L 114 226 Z" fill-opacity="0.2" fill="#009900" stroke="none" transform="translate(73.5,0)scale(-1,1)translate(-73.5,0)rotate(180,73.5,147.25)" pointer-events="all"/>
-    <path d="M 34 265.5 L 34 149 L 73 265.5 Z" fill="#ffffff" stroke="none" transform="translate(53.5,0)scale(-1,1)translate(-53.5,0)rotate(180,53.5,207.25)" pointer-events="all"/>
-    <path d="M 33.25 267.57 L 73.25 148.32" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
-    <path d="M 33.5 308 L 33.5 16.24" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-    <path d="M 33.5 10.24 L 37.5 18.24 L 33.5 16.24 L 29.5 18.24 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
-    <path d="M 72.25 150.32 L 114 69" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
-    <path d="M 173.75 328.75 L 173.75 246.75 L 214.25 328.75 Z" fill="#ffffff" stroke="none" transform="rotate(-90,194,287.75)" pointer-events="all"/>
-    <path d="M 173.75 328.75 L 173.75 246.75 L 214.25 328.75 Z" fill-opacity="0.2" fill="#3333ff" stroke="none" transform="rotate(-90,194,287.75)" pointer-events="all"/>
-    <path d="M 153 308 L 233.25 268.32" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
-    <path d="M 33.5 308 L 325.26 308" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-    <path d="M 331.26 308 L 323.26 312 L 325.26 308 L 323.26 304 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
-    <path d="M 233.25 268.32 L 313.5 188" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
-    <path d="M 34 265.5 L 34 149 L 73 265.5 Z" fill-opacity="0.2" fill="#009900" stroke="none" transform="translate(53.5,0)scale(-1,1)translate(-53.5,0)rotate(180,53.5,207.25)" pointer-events="all"/>
-    <rect x="-65" y="149" width="160" height="30" fill="none" stroke="none" transform="rotate(-90,15,164)" pointer-events="all"/>
-    <g transform="translate(-0.5 -0.5)rotate(-90 15 164)">
-      <switch>
-        <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
-          <div
-            xmlns="http://www.w3.org/1999/xhtml"
-            style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 164px; margin-left: -64px;"
-          >
-            <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-              <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
-                Time-To-Collision [s]
-              </div>
-            </div>
-          </div>
-        </foreignObject>
-        <text x="15" y="168" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Time-To-Collision [s]</text>
-      </switch>
-    </g>
-    <rect x="152.38" y="126.13" width="81.75" height="59.68" fill="none" stroke="none" pointer-events="all"/>
-    <g transform="translate(-0.5 -0.5)">
-      <switch>
-        <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
-          <div
-            xmlns="http://www.w3.org/1999/xhtml"
-            style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 80px; height: 1px; padding-top: 156px; margin-left: 153px;"
-          >
-            <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-              <div style="display: inline-block; font-size: 40px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
-                B
-              </div>
-            </div>
-          </div>
-        </foreignObject>
-        <text x="193" y="168" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="40px" text-anchor="middle">B</text>
-      </switch>
-    </g>
-    <rect x="25" y="53" width="81.75" height="59.68" fill="none" stroke="none" pointer-events="all"/>
-    <g transform="translate(-0.5 -0.5)">
-      <switch>
-        <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
-          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 80px; height: 1px; padding-top: 83px; margin-left: 26px;">
-            <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-              <div style="display: inline-block; font-size: 40px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
-                A
-              </div>
-            </div>
-          </div>
-        </foreignObject>
-        <text x="66" y="95" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="40px" text-anchor="middle">A</text>
-      </switch>
-    </g>
-    <rect x="231.13" y="244.75" width="81.75" height="59.68" fill="none" stroke="none" pointer-events="all"/>
-    <g transform="translate(-0.5 -0.5)">
-      <switch>
-        <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
-          <div
-            xmlns="http://www.w3.org/1999/xhtml"
-            style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 80px; height: 1px; padding-top: 275px; margin-left: 232px;"
-          >
-            <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-              <div style="display: inline-block; font-size: 40px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
-                C
-              </div>
-            </div>
-          </div>
-        </foreignObject>
-        <text x="272" y="287" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="40px" text-anchor="middle">C</text>
-      </switch>
+    <g data-cell-id="0">
+      <g data-cell-id="1">
+        <g data-cell-id="kvK0dNPqVaz8xYhaE68Y-37">
+          <g>
+            <path
+              d="M 153.91 28.57 L 313.25 28.57 L 313.25 187.91 L 192.59 308.57 L 33.25 308.57 L 33.25 149.23 Z"
+              fill-opacity="0.2"
+              fill="#ff0000"
+              stroke="none"
+              pointer-events="all"
+              style="fill: light-dark(rgb(255, 0, 0), rgb(255, 144, 144));"
+            />
+          </g>
+        </g>
+        <g data-cell-id="kvK0dNPqVaz8xYhaE68Y-49">
+          <g>
+            <path
+              d="M 192.46 306.57 L 192.46 185.81 L 313.25 306.57 Z"
+              fill-opacity="0.2"
+              fill="#3333ff"
+              stroke="none"
+              transform="rotate(-90,252.86,246.19)"
+              pointer-events="all"
+              style="fill: light-dark(rgb(51, 51, 255), rgb(168, 168, 255));"
+            />
+          </g>
+        </g>
+        <g data-cell-id="kvK0dNPqVaz8xYhaE68Y-57">
+          <g>
+            <path
+              d="M 33 226 L 33 68.5 L 114 226 Z"
+              fill="#ffffff"
+              stroke="none"
+              transform="translate(73.5,0)scale(-1,1)translate(-73.5,0)rotate(180,73.5,147.25)"
+              pointer-events="all"
+              style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"
+            />
+          </g>
+        </g>
+        <g data-cell-id="kvK0dNPqVaz8xYhaE68Y-59">
+          <g>
+            <rect x="143.25" y="276.57" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
+          </g>
+          <g>
+            <g transform="translate(-0.5 -0.5)">
+              <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                  <div
+                    xmlns="http://www.w3.org/1999/xhtml"
+                    style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 292px; margin-left: 144px;"
+                  >
+                    <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
+                      <div
+                        style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "
+                      >
+                        (13, 0)
+                      </div>
+                    </div>
+                  </div>
+                </foreignObject>
+                <text x="173" y="295" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">(13, 0)</text>
+              </switch>
+            </g>
+          </g>
+        </g>
+        <g data-cell-id="kvK0dNPqVaz8xYhaE68Y-60">
+          <g>
+            <rect x="82.5" y="308.57" width="160" height="30" fill="none" stroke="none" pointer-events="all"/>
+          </g>
+          <g>
+            <g transform="translate(-0.5 -0.5)">
+              <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                  <div
+                    xmlns="http://www.w3.org/1999/xhtml"
+                    style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 324px; margin-left: 84px;"
+                  >
+                    <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
+                      <div
+                        style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "
+                      >
+                        Time-To-Vehicle [s]
+                      </div>
+                    </div>
+                  </div>
+                </foreignObject>
+                <text x="163" y="327" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Time-To-Vehicle [s]</text>
+              </switch>
+            </g>
+          </g>
+        </g>
+        <g data-cell-id="kvK0dNPqVaz8xYhaE68Y-55">
+          <g>
+            <path
+              d="M 34 265.5 L 34 28 L 251 265.5 Z"
+              fill="#ffffff"
+              stroke="none"
+              transform="translate(142.5,0)scale(-1,1)translate(-142.5,0)rotate(180,142.5,146.75)"
+              pointer-events="all"
+              style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"
+            />
+          </g>
+        </g>
+        <g data-cell-id="kvK0dNPqVaz8xYhaE68Y-39">
+          <g>
+            <path
+              d="M 33.5 308 L 33.5 16.24"
+              fill="none"
+              stroke="#000000"
+              stroke-width="2"
+              stroke-miterlimit="10"
+              pointer-events="stroke"
+              style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"
+            />
+            <path
+              d="M 33.5 10.24 L 37.5 18.24 L 33.5 16.24 L 29.5 18.24 Z"
+              fill="#000000"
+              stroke="#000000"
+              stroke-width="2"
+              stroke-miterlimit="10"
+              pointer-events="all"
+              style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"
+            />
+          </g>
+        </g>
+        <g data-cell-id="kvK0dNPqVaz8xYhaE68Y-43">
+          <g/>
+        </g>
+        <g data-cell-id="kvK0dNPqVaz8xYhaE68Y-40">
+          <g>
+            <path
+              d="M 33.5 308 L 325.26 308"
+              fill="none"
+              stroke="#000000"
+              stroke-width="2"
+              stroke-miterlimit="10"
+              pointer-events="stroke"
+              style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"
+            />
+            <path
+              d="M 331.26 308 L 323.26 312 L 325.26 308 L 323.26 304 Z"
+              fill="#000000"
+              stroke="#000000"
+              stroke-width="2"
+              stroke-miterlimit="10"
+              pointer-events="all"
+              style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"
+            />
+          </g>
+        </g>
+        <g data-cell-id="kvK0dNPqVaz8xYhaE68Y-66">
+          <g>
+            <rect x="-65" y="149" width="160" height="30" fill="none" stroke="none" transform="rotate(-90,15,164)" pointer-events="all"/>
+          </g>
+          <g>
+            <g transform="translate(-0.5 -0.5)rotate(-90 15 164)">
+              <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                  <div
+                    xmlns="http://www.w3.org/1999/xhtml"
+                    style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 164px; margin-left: -64px;"
+                  >
+                    <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
+                      <div
+                        style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "
+                      >
+                        Time-To-Collision [s]
+                      </div>
+                    </div>
+                  </div>
+                </foreignObject>
+                <text x="15" y="168" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Time-To-Collision [s]</text>
+              </switch>
+            </g>
+          </g>
+        </g>
+        <g data-cell-id="kvK0dNPqVaz8xYhaE68Y-67">
+          <g>
+            <rect x="152.38" y="126.13" width="81.75" height="59.68" fill="none" stroke="none" pointer-events="all"/>
+          </g>
+          <g>
+            <g transform="translate(-0.5 -0.5)">
+              <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                  <div
+                    xmlns="http://www.w3.org/1999/xhtml"
+                    style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 80px; height: 1px; padding-top: 156px; margin-left: 153px;"
+                  >
+                    <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
+                      <div
+                        style="display: inline-block; font-size: 40px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "
+                      >
+                        B
+                      </div>
+                    </div>
+                  </div>
+                </foreignObject>
+                <text x="193" y="168" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="40px" text-anchor="middle">B</text>
+              </switch>
+            </g>
+          </g>
+        </g>
+        <g data-cell-id="kvK0dNPqVaz8xYhaE68Y-68">
+          <g>
+            <rect x="25" y="53" width="81.75" height="59.68" fill="none" stroke="none" pointer-events="all"/>
+          </g>
+          <g>
+            <g transform="translate(-0.5 -0.5)">
+              <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                  <div
+                    xmlns="http://www.w3.org/1999/xhtml"
+                    style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 80px; height: 1px; padding-top: 83px; margin-left: 26px;"
+                  >
+                    <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
+                      <div
+                        style="display: inline-block; font-size: 40px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "
+                      >
+                        A
+                      </div>
+                    </div>
+                  </div>
+                </foreignObject>
+                <text x="66" y="95" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="40px" text-anchor="middle">A</text>
+              </switch>
+            </g>
+          </g>
+        </g>
+        <g data-cell-id="kvK0dNPqVaz8xYhaE68Y-69">
+          <g>
+            <rect x="231.13" y="244.75" width="81.75" height="59.68" fill="none" stroke="none" pointer-events="all"/>
+          </g>
+          <g>
+            <g transform="translate(-0.5 -0.5)">
+              <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                  <div
+                    xmlns="http://www.w3.org/1999/xhtml"
+                    style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 80px; height: 1px; padding-top: 275px; margin-left: 232px;"
+                  >
+                    <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
+                      <div
+                        style="display: inline-block; font-size: 40px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "
+                      >
+                        C
+                      </div>
+                    </div>
+                  </div>
+                </foreignObject>
+                <text x="272" y="287" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="40px" text-anchor="middle">C</text>
+              </switch>
+            </g>
+          </g>
+        </g>
+        <g data-cell-id="kvK0dNPqVaz8xYhaE68Y-58">
+          <g>
+            <rect x="33" y="248.57" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
+          </g>
+          <g>
+            <g transform="translate(-0.5 -0.5)">
+              <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                  <div
+                    xmlns="http://www.w3.org/1999/xhtml"
+                    style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 264px; margin-left: 34px;"
+                  >
+                    <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
+                      <div
+                        style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "
+                      >
+                        (0, 4)
+                      </div>
+                    </div>
+                  </div>
+                </foreignObject>
+                <text x="63" y="267" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">(0, 4)</text>
+              </switch>
+            </g>
+          </g>
+        </g>
+        <g data-cell-id="kvK0dNPqVaz8xYhaE68Y-45">
+          <g>
+            <path
+              d="M 34 265.5 L 250.53 28.01"
+              fill="none"
+              stroke="#000000"
+              stroke-miterlimit="10"
+              stroke-dasharray="3 3"
+              pointer-events="stroke"
+              style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"
+            />
+          </g>
+        </g>
+        <g data-cell-id="kvK0dNPqVaz8xYhaE68Y-41">
+          <g>
+            <path
+              d="M 193.69 308.01 L 313.5 188"
+              fill="none"
+              stroke="#000000"
+              stroke-miterlimit="10"
+              stroke-dasharray="3 3"
+              pointer-events="stroke"
+              style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"
+            />
+          </g>
+        </g>
+        <g data-cell-id="kvK0dNPqVaz8xYhaE68Y-61">
+          <g>
+            <path
+              d="M 34 265.5 L 34 28 L 251.26 265.5 Z"
+              fill-opacity="0.2"
+              fill="#009900"
+              stroke="none"
+              transform="translate(142.63,0)scale(-1,1)translate(-142.63,0)rotate(180,142.63,146.75)"
+              pointer-events="all"
+              style="fill: light-dark(rgb(0, 153, 0), rgb(50, 181, 50));"
+            />
+          </g>
+        </g>
+      </g>
     </g>
   </g>
   <switch>
     <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
-    <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
+    <a transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems" target="_blank">
       <text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text>
     </a>
   </switch>