---
title: "Drawio Target Tree Diagram Sequence"
description: "A sequence diagram illustrating interactions between objects over time"
category: "training"
type: "sequence"
source_file: "training-diagrams/drawio-target-tree-diagram_decoded.xml"
tags: ["logic", "training", "tutorial", "venn", "drawio"]
---

# Drawio Target Tree Diagram Sequence

A sequence diagram illustrating interactions between objects over time

## XML Source

```xml
<?xml version="1.0" ?>
<mxGraphModel dx="897" dy="988" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="850" pageHeight="1100" background="#ffffff" math="0" shadow="0">
  <root>
    <mxCell id="0"/>
    <mxCell id="1" parent="0"/>
    <mxCell id="2" value="Diagram" style="whiteSpace=wrap;strokeWidth=3;html=1;fillColor=#f8cecc;strokeColor=#b85450;gradientDirection=north;" parent="1" vertex="1">
      <mxGeometry x="460" y="-300" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="3" value="Structure&#10;Diagram" style="whiteSpace=wrap;strokeWidth=3;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientDirection=north;" parent="1" vertex="1">
      <mxGeometry x="210" y="-200" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="4" value="Behaviour&#10;Diagram" style="whiteSpace=wrap;strokeWidth=3;html=1;fillColor=#d5e8d4;strokeColor=#82b366;gradientDirection=north;" parent="1" vertex="1">
      <mxGeometry x="810" y="-200" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="5" value="Class Diagram" style="whiteSpace=wrap;strokeWidth=3;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientDirection=north;" parent="1" vertex="1">
      <mxGeometry x="90" y="-90" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="6" value="Component&#10;Diagram" style="whiteSpace=wrap;strokeWidth=3;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientDirection=north;" parent="1" vertex="1">
      <mxGeometry x="250" y="-90" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="7" value="Object&#10;Diagram" style="whiteSpace=wrap;strokeWidth=3;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientDirection=north;" parent="1" vertex="1">
      <mxGeometry x="410" y="-90" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="8" value="Activity&#10;Diagram" style="whiteSpace=wrap;strokeWidth=3;html=1;fillColor=#d5e8d4;strokeColor=#82b366;gradientDirection=north;" parent="1" vertex="1">
      <mxGeometry x="580" y="-90" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="9" value="Interaction&#10;Diagram" style="whiteSpace=wrap;strokeWidth=3;html=1;fillColor=#d5e8d4;strokeColor=#82b366;gradientDirection=north;" parent="1" vertex="1">
      <mxGeometry x="730" y="-90" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="10" value="Use Case&#10;Diagram" style="whiteSpace=wrap;strokeWidth=3;html=1;fillColor=#d5e8d4;strokeColor=#82b366;gradientDirection=north;" parent="1" vertex="1">
      <mxGeometry x="880" y="-90" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="11" value="State Machine&#10;Diagram" style="whiteSpace=wrap;strokeWidth=3;html=1;fillColor=#d5e8d4;strokeColor=#82b366;gradientDirection=north;" parent="1" vertex="1">
      <mxGeometry x="1030" y="-90" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="12" value="Sequence&#10;Diagram" style="whiteSpace=wrap;strokeWidth=3;html=1;fillColor=#fff2cc;strokeColor=#d6b656;gradientDirection=north;" parent="1" vertex="1">
      <mxGeometry x="655" y="40" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="13" value="Communication&#10;Diagram" style="whiteSpace=wrap;strokeWidth=3;html=1;fillColor=#fff2cc;strokeColor=#d6b656;gradientDirection=north;" parent="1" vertex="1">
      <mxGeometry x="805" y="40" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="14" value="" style="edgeStyle=elbowEdgeStyle;elbow=vertical;rounded=0;html=1;" parent="1" source="3" target="2" edge="1">
      <mxGeometry width="100" height="100" relative="1" as="geometry">
        <mxPoint x="90" y="-170" as="sourcePoint"/>
        <mxPoint x="190" y="-270" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="15" value="" style="edgeStyle=elbowEdgeStyle;elbow=vertical;rounded=0;html=1;" parent="1" source="4" target="2" edge="1">
      <mxGeometry width="100" height="100" relative="1" as="geometry">
        <mxPoint x="590" y="-120" as="sourcePoint"/>
        <mxPoint x="690" y="-220" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="16" value="" style="edgeStyle=elbowEdgeStyle;elbow=vertical;rounded=0;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" source="5" target="3" edge="1">
      <mxGeometry width="100" height="100" relative="1" as="geometry">
        <mxPoint x="30" y="-110" as="sourcePoint"/>
        <mxPoint x="130" y="-210" as="targetPoint"/>
        <Array as="points">
          <mxPoint x="150" y="-120"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="17" value="" style="edgeStyle=elbowEdgeStyle;elbow=vertical;exitX=0.5;exitY=0;entryX=0.5;entryY=1;rounded=0;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" source="6" target="3" edge="1">
      <mxGeometry width="100" height="100" relative="1" as="geometry">
        <mxPoint x="30" y="-200" as="sourcePoint"/>
        <mxPoint x="130" y="-300" as="targetPoint"/>
        <Array as="points">
          <mxPoint x="290" y="-120"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="18" value="" style="edgeStyle=elbowEdgeStyle;elbow=vertical;rounded=0;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" source="7" target="3" edge="1">
      <mxGeometry width="100" height="100" relative="1" as="geometry">
        <mxPoint x="50" y="-170" as="sourcePoint"/>
        <mxPoint x="150" y="-270" as="targetPoint"/>
        <Array as="points">
          <mxPoint x="370" y="-120"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="19" value="" style="edgeStyle=elbowEdgeStyle;elbow=vertical;rounded=0;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" parent="1" source="8" target="4" edge="1">
      <mxGeometry width="100" height="100" relative="1" as="geometry">
        <mxPoint x="560" y="-60" as="sourcePoint"/>
        <mxPoint x="660" y="-160" as="targetPoint"/>
        <Array as="points">
          <mxPoint x="760" y="-120"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="20" value="" style="edgeStyle=elbowEdgeStyle;elbow=vertical;rounded=0;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" parent="1" source="11" target="4" edge="1">
      <mxGeometry width="100" height="100" relative="1" as="geometry">
        <mxPoint x="480" y="-50" as="sourcePoint"/>
        <mxPoint x="580" y="-150" as="targetPoint"/>
        <Array as="points">
          <mxPoint x="980" y="-120"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="21" value="" style="edgeStyle=elbowEdgeStyle;elbow=vertical;entryX=0.5;entryY=1;exitX=0.5;exitY=0;rounded=0;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" parent="1" source="9" target="4" edge="1">
      <mxGeometry width="100" height="100" relative="1" as="geometry">
        <mxPoint x="530" y="-90" as="sourcePoint"/>
        <mxPoint x="630" y="-190" as="targetPoint"/>
        <Array as="points">
          <mxPoint x="830" y="-120"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="22" value="" style="edgeStyle=elbowEdgeStyle;elbow=vertical;entryX=0.5;entryY=1;exitX=0.5;exitY=0;rounded=0;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" parent="1" source="10" target="4" edge="1">
      <mxGeometry width="100" height="100" relative="1" as="geometry">
        <mxPoint x="500" y="-50" as="sourcePoint"/>
        <mxPoint x="600" y="-150" as="targetPoint"/>
        <Array as="points">
          <mxPoint x="910" y="-120"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="23" value="" style="edgeStyle=elbowEdgeStyle;elbow=vertical;rounded=0;html=1;fillColor=#fff2cc;strokeColor=#d6b656;" parent="1" source="12" target="9" edge="1">
      <mxGeometry width="100" height="100" relative="1" as="geometry">
        <mxPoint x="490" y="210" as="sourcePoint"/>
        <mxPoint x="590" y="110" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="24" value="" style="edgeStyle=elbowEdgeStyle;elbow=vertical;rounded=0;html=1;fillColor=#fff2cc;strokeColor=#d6b656;" parent="1" source="13" target="9" edge="1">
      <mxGeometry width="100" height="100" relative="1" as="geometry">
        <mxPoint x="680" y="220" as="sourcePoint"/>
        <mxPoint x="780" y="120" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="25" value="Diagram" style="shape=cube;whiteSpace=wrap;html=1;fontFamily=Helvetica;fontSize=12;fontColor=#000000;align=center;strokeColor=#b85450;strokeWidth=3;fillColor=#f8cecc;flipH=1;size=22;" parent="1" vertex="1">
      <mxGeometry x="460" y="235" width="260" height="130" as="geometry"/>
    </mxCell>
    <mxCell id="26" value="Structure&#10;Diagram" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;fontFamily=Helvetica;fontSize=12;fontColor=#000000;align=center;strokeColor=#6c8ebf;strokeWidth=3;fillColor=#dae8fc;" parent="1" vertex="1">
      <mxGeometry x="210" y="405" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="27" value="Behaviour&#10;Diagram" style="whiteSpace=wrap;strokeWidth=3;html=1;fillColor=#d5e8d4;strokeColor=#82b366;gradientDirection=north;" parent="1" vertex="1">
      <mxGeometry x="810" y="405" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="28" value="Class Diagram" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;fontFamily=Helvetica;fontSize=12;fontColor=#000000;align=center;strokeColor=#6c8ebf;strokeWidth=3;fillColor=#dae8fc;rotation=-10;" parent="1" vertex="1">
      <mxGeometry x="90" y="515" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="29" value="Component&#10;Diagram" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;fontFamily=Helvetica;fontSize=12;fontColor=#000000;align=center;strokeColor=#6c8ebf;strokeWidth=3;fillColor=#dae8fc;rotation=20;" parent="1" vertex="1">
      <mxGeometry x="250" y="515" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="30" value="Object&#10;Diagram" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;fontFamily=Helvetica;fontSize=12;fontColor=#000000;align=center;strokeColor=#6c8ebf;strokeWidth=3;fillColor=#dae8fc;rotation=-30;" parent="1" vertex="1">
      <mxGeometry x="410" y="515" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="31" value="Activity&#10;Diagram" style="whiteSpace=wrap;strokeWidth=3;html=1;fillColor=#d5e8d4;strokeColor=#82b366;gradientDirection=north;" parent="1" vertex="1">
      <mxGeometry x="580" y="515" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="32" value="Interaction&#10;Diagram" style="whiteSpace=wrap;strokeWidth=3;html=1;fillColor=#d5e8d4;strokeColor=#82b366;gradientDirection=north;" parent="1" vertex="1">
      <mxGeometry x="730" y="515" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="33" value="Use Case&#10;Diagram" style="whiteSpace=wrap;strokeWidth=3;html=1;fillColor=#d5e8d4;strokeColor=#82b366;gradientDirection=north;" parent="1" vertex="1">
      <mxGeometry x="880" y="515" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="34" value="State Machine&#10;Diagram" style="whiteSpace=wrap;strokeWidth=3;html=1;fillColor=#d5e8d4;strokeColor=#82b366;gradientDirection=north;" parent="1" vertex="1">
      <mxGeometry x="1030" y="515" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="35" value="Sequence&#10;Diagram" style="whiteSpace=wrap;strokeWidth=3;html=1;fillColor=#fff2cc;strokeColor=#d6b656;gradientDirection=north;rotation=340;" parent="1" vertex="1">
      <mxGeometry x="655" y="665" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="36" value="Communication&#10;Diagram" style="whiteSpace=wrap;strokeWidth=3;html=1;fillColor=#fff2cc;strokeColor=#d6b656;gradientDirection=north;rotation=20;" parent="1" vertex="1">
      <mxGeometry x="805" y="705" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="37" value="" style="edgeStyle=elbowEdgeStyle;elbow=vertical;rounded=0;html=1;" parent="1" source="26" target="25" edge="1">
      <mxGeometry width="100" height="100" relative="1" as="geometry">
        <mxPoint x="90" y="435" as="sourcePoint"/>
        <mxPoint x="190" y="335" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="38" value="" style="edgeStyle=elbowEdgeStyle;elbow=vertical;rounded=0;html=1;" parent="1" source="27" target="25" edge="1">
      <mxGeometry width="100" height="100" relative="1" as="geometry">
        <mxPoint x="590" y="485" as="sourcePoint"/>
        <mxPoint x="690" y="385" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="39" value="" style="edgeStyle=elbowEdgeStyle;elbow=vertical;rounded=0;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" source="28" target="26" edge="1">
      <mxGeometry width="100" height="100" relative="1" as="geometry">
        <mxPoint x="30" y="495" as="sourcePoint"/>
        <mxPoint x="130" y="395" as="targetPoint"/>
        <Array as="points">
          <mxPoint x="150" y="485"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="40" value="" style="edgeStyle=elbowEdgeStyle;elbow=vertical;exitX=0.5;exitY=0;entryX=0.5;entryY=1;rounded=0;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" source="29" target="26" edge="1">
      <mxGeometry width="100" height="100" relative="1" as="geometry">
        <mxPoint x="30" y="405" as="sourcePoint"/>
        <mxPoint x="130" y="305" as="targetPoint"/>
        <Array as="points">
          <mxPoint x="290" y="485"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="41" value="" style="edgeStyle=elbowEdgeStyle;elbow=vertical;rounded=0;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" source="30" target="26" edge="1">
      <mxGeometry width="100" height="100" relative="1" as="geometry">
        <mxPoint x="50" y="435" as="sourcePoint"/>
        <mxPoint x="150" y="335" as="targetPoint"/>
        <Array as="points">
          <mxPoint x="370" y="485"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="42" value="" style="edgeStyle=elbowEdgeStyle;elbow=vertical;rounded=0;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" parent="1" source="31" target="27" edge="1">
      <mxGeometry width="100" height="100" relative="1" as="geometry">
        <mxPoint x="560" y="545" as="sourcePoint"/>
        <mxPoint x="660" y="445" as="targetPoint"/>
        <Array as="points">
          <mxPoint x="760" y="485"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="43" value="" style="edgeStyle=elbowEdgeStyle;elbow=vertical;rounded=0;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" parent="1" source="34" target="27" edge="1">
      <mxGeometry width="100" height="100" relative="1" as="geometry">
        <mxPoint x="480" y="555" as="sourcePoint"/>
        <mxPoint x="580" y="455" as="targetPoint"/>
        <Array as="points">
          <mxPoint x="980" y="485"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="44" value="" style="edgeStyle=elbowEdgeStyle;elbow=vertical;entryX=0.5;entryY=1;exitX=0.5;exitY=0;rounded=0;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" parent="1" source="32" target="27" edge="1">
      <mxGeometry width="100" height="100" relative="1" as="geometry">
        <mxPoint x="530" y="515" as="sourcePoint"/>
        <mxPoint x="630" y="415" as="targetPoint"/>
        <Array as="points">
          <mxPoint x="830" y="485"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="45" value="" style="edgeStyle=elbowEdgeStyle;elbow=vertical;entryX=0.5;entryY=1;exitX=0.5;exitY=0;rounded=0;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" parent="1" source="33" target="27" edge="1">
      <mxGeometry width="100" height="100" relative="1" as="geometry">
        <mxPoint x="500" y="555" as="sourcePoint"/>
        <mxPoint x="600" y="455" as="targetPoint"/>
        <Array as="points">
          <mxPoint x="910" y="485"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="46" value="" style="edgeStyle=elbowEdgeStyle;elbow=vertical;rounded=0;html=1;fillColor=#fff2cc;strokeColor=#d6b656;" parent="1" source="35" target="32" edge="1">
      <mxGeometry width="100" height="100" relative="1" as="geometry">
        <mxPoint x="490" y="815" as="sourcePoint"/>
        <mxPoint x="590" y="715" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="47" value="" style="edgeStyle=elbowEdgeStyle;elbow=vertical;rounded=0;html=1;fillColor=#fff2cc;strokeColor=#d6b656;" parent="1" source="36" target="32" edge="1">
      <mxGeometry width="100" height="100" relative="1" as="geometry">
        <mxPoint x="680" y="825" as="sourcePoint"/>
        <mxPoint x="780" y="725" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="48" value="Sequence&#10;Diagram" style="whiteSpace=wrap;strokeWidth=3;html=1;fillColor=#fff2cc;strokeColor=#d6b656;gradientDirection=north;rotation=340;" parent="1" vertex="1">
      <mxGeometry x="970" y="670" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="49" value="Communication&#10;Diagram" style="whiteSpace=wrap;strokeWidth=3;html=1;fillColor=#fff2cc;strokeColor=#d6b656;gradientDirection=north;rotation=20;" parent="1" vertex="1">
      <mxGeometry x="1120" y="710" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="50" value="" style="edgeStyle=elbowEdgeStyle;elbow=vertical;rounded=0;html=1;fillColor=#fff2cc;strokeColor=#d6b656;entryX=0.75;entryY=1;" parent="1" source="48" target="34" edge="1">
      <mxGeometry width="100" height="100" relative="1" as="geometry">
        <mxPoint x="805" y="820" as="sourcePoint"/>
        <mxPoint x="1105" y="579.9999999999998" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="51" value="" style="edgeStyle=elbowEdgeStyle;elbow=vertical;rounded=0;html=1;fillColor=#fff2cc;strokeColor=#d6b656;entryX=0.75;entryY=1;" parent="1" source="49" target="34" edge="1">
      <mxGeometry width="100" height="100" relative="1" as="geometry">
        <mxPoint x="995" y="830" as="sourcePoint"/>
        <mxPoint x="1105" y="579.9999999999998" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
  </root>
</mxGraphModel>

```