---
title: "Component 3 Diagram"
description: "A diagram diagram template"
category: "templates/software"
type: "diagram"
source_file: "templates/software/component_3_decoded.xml"
tags: ["development", "software", "template", "architecture", "drawio"]
---

# Component 3 Diagram

A diagram diagram template

## XML Source

```xml
<?xml version="1.0" ?>
<mxGraphModel dx="1408" dy="544" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1100" pageHeight="850" background="none" math="0" shadow="0">
  <root>
    <mxCell id="0"/>
    <mxCell id="1" parent="0"/>
    <mxCell id="202f74d684f58de3-37" value="Object" style="html=1;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=none;fontFamily=Verdana;fontSize=12;fontColor=#000000;align=center;dashed=1;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;" parent="1" vertex="1">
      <mxGeometry x="120" y="80" width="340" height="220" as="geometry"/>
    </mxCell>
    <mxCell id="202f74d684f58de3-38" value="Object" style="html=1;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=none;fontFamily=Verdana;fontSize=12;fontColor=#000000;align=center;dashed=1;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;" parent="1" vertex="1">
      <mxGeometry x="560" y="80" width="340" height="220" as="geometry"/>
    </mxCell>
    <mxCell id="202f74d684f58de3-30" style="rounded=0;html=1;labelBackgroundColor=none;startArrow=none;startFill=0;startSize=8;endArrow=none;endFill=0;endSize=16;fontFamily=Verdana;fontSize=12;" parent="1" source="202f74d684f58de3-1" target="202f74d684f58de3-2" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="202f74d684f58de3-31" style="rounded=0;html=1;labelBackgroundColor=none;startArrow=none;startFill=0;startSize=8;endArrow=none;endFill=0;endSize=16;fontFamily=Verdana;fontSize=12;" parent="1" source="202f74d684f58de3-1" target="202f74d684f58de3-3" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="202f74d684f58de3-32" style="rounded=0;html=1;labelBackgroundColor=none;startArrow=none;startFill=0;startSize=8;endArrow=none;endFill=0;endSize=16;fontFamily=Verdana;fontSize=12;" parent="1" source="202f74d684f58de3-1" target="202f74d684f58de3-4" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="202f74d684f58de3-1" value="Module" style="shape=component;align=left;spacingLeft=36;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=12;fontColor=#000000;html=1;" parent="1" vertex="1">
      <mxGeometry x="140" y="100" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="202f74d684f58de3-33" style="edgeStyle=none;rounded=0;html=1;labelBackgroundColor=none;startFill=0;startSize=8;endArrow=none;endFill=0;endSize=16;fontFamily=Verdana;fontSize=12;" parent="1" source="202f74d684f58de3-2" target="202f74d684f58de3-5" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="202f74d684f58de3-2" value="Module" style="shape=component;align=left;spacingLeft=36;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=12;fontColor=#000000;html=1;" parent="1" vertex="1">
      <mxGeometry x="320" y="100" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="202f74d684f58de3-3" value="Module" style="shape=component;align=left;spacingLeft=36;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=12;fontColor=#000000;html=1;" parent="1" vertex="1">
      <mxGeometry x="140" y="220" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="202f74d684f58de3-4" value="Module" style="shape=component;align=left;spacingLeft=36;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=12;fontColor=#000000;html=1;" parent="1" vertex="1">
      <mxGeometry x="320" y="220" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="202f74d684f58de3-34" style="edgeStyle=none;rounded=0;html=1;labelBackgroundColor=none;startFill=0;startSize=8;endArrow=none;endFill=0;endSize=16;fontFamily=Verdana;fontSize=12;" parent="1" source="202f74d684f58de3-5" target="202f74d684f58de3-6" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="202f74d684f58de3-35" style="edgeStyle=none;rounded=0;html=1;labelBackgroundColor=none;startFill=0;startSize=8;endArrow=none;endFill=0;endSize=16;fontFamily=Verdana;fontSize=12;" parent="1" source="202f74d684f58de3-5" target="202f74d684f58de3-8" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="202f74d684f58de3-5" value="Module" style="shape=component;align=left;spacingLeft=36;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=12;fontColor=#000000;html=1;" parent="1" vertex="1">
      <mxGeometry x="580" y="100" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="202f74d684f58de3-6" value="Module" style="shape=component;align=left;spacingLeft=36;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=12;fontColor=#000000;html=1;" parent="1" vertex="1">
      <mxGeometry x="760" y="100" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="202f74d684f58de3-8" value="Module" style="shape=component;align=left;spacingLeft=36;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=12;fontColor=#000000;html=1;" parent="1" vertex="1">
      <mxGeometry x="760" y="220" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="202f74d684f58de3-14" value=":Object" style="shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=1;collapsible=0;recursiveResize=0;outlineConnect=0;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=12;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="150" y="380" width="130" height="180" as="geometry"/>
    </mxCell>
    <mxCell id="202f74d684f58de3-18" value="" style="html=1;points=[];perimeter=orthogonalPerimeter;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=12;fontColor=#000000;align=center;" parent="202f74d684f58de3-14" vertex="1">
      <mxGeometry x="60" y="70" width="10" height="90" as="geometry"/>
    </mxCell>
    <mxCell id="202f74d684f58de3-15" value=":Object" style="shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=1;collapsible=0;recursiveResize=0;outlineConnect=0;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=12;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="337" y="380" width="130" height="180" as="geometry"/>
    </mxCell>
    <mxCell id="202f74d684f58de3-21" value="" style="html=1;points=[];perimeter=orthogonalPerimeter;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=12;fontColor=#000000;align=center;" parent="202f74d684f58de3-15" vertex="1">
      <mxGeometry x="58" y="70" width="10" height="90" as="geometry"/>
    </mxCell>
    <mxCell id="202f74d684f58de3-16" value=":Object" style="shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=1;collapsible=0;recursiveResize=0;outlineConnect=0;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=12;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="523" y="380" width="130" height="180" as="geometry"/>
    </mxCell>
    <mxCell id="202f74d684f58de3-24" value="" style="html=1;points=[];perimeter=orthogonalPerimeter;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=12;fontColor=#000000;align=center;" parent="202f74d684f58de3-16" vertex="1">
      <mxGeometry x="60" y="70" width="10" height="90" as="geometry"/>
    </mxCell>
    <mxCell id="202f74d684f58de3-17" value=":Object" style="shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=1;collapsible=0;recursiveResize=0;outlineConnect=0;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=12;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="710" y="380" width="130" height="180" as="geometry"/>
    </mxCell>
    <mxCell id="202f74d684f58de3-27" value="" style="html=1;points=[];perimeter=orthogonalPerimeter;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=12;fontColor=#000000;align=center;" parent="202f74d684f58de3-17" vertex="1">
      <mxGeometry x="60" y="70" width="10" height="100" as="geometry"/>
    </mxCell>
    <mxCell id="202f74d684f58de3-25" value="dispatch" style="html=1;verticalAlign=bottom;endArrow=block;labelBackgroundColor=none;fontFamily=Verdana;fontSize=12;edgeStyle=elbowEdgeStyle;elbow=vertical;" parent="1" source="202f74d684f58de3-21" target="202f74d684f58de3-24" edge="1">
      <mxGeometry relative="1" as="geometry">
        <mxPoint x="520" y="450" as="sourcePoint"/>
        <Array as="points">
          <mxPoint x="450" y="520"/>
          <mxPoint x="460" y="510"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="202f74d684f58de3-19" value="event" style="html=1;verticalAlign=bottom;endArrow=open;labelBackgroundColor=none;fontFamily=Verdana;fontSize=12;edgeStyle=elbowEdgeStyle;elbow=vertical;endFill=0;" parent="1" source="202f74d684f58de3-18" target="202f74d684f58de3-21" edge="1">
      <mxGeometry relative="1" as="geometry">
        <mxPoint x="140" y="460" as="targetPoint"/>
        <Array as="points">
          <mxPoint x="330" y="510"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="202f74d684f58de3-22" value="event" style="html=1;verticalAlign=bottom;endArrow=open;labelBackgroundColor=none;fontFamily=Verdana;fontSize=12;endFill=0;edgeStyle=elbowEdgeStyle;elbow=vertical;" parent="1" source="202f74d684f58de3-21" target="202f74d684f58de3-18" edge="1">
      <mxGeometry relative="1" as="geometry">
        <mxPoint x="330" y="450" as="sourcePoint"/>
        <Array as="points">
          <mxPoint x="260" y="470"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="202f74d684f58de3-28" value="dispatch" style="html=1;verticalAlign=bottom;endArrow=block;labelBackgroundColor=none;fontFamily=Verdana;fontSize=12;edgeStyle=elbowEdgeStyle;elbow=vertical;" parent="1" source="202f74d684f58de3-24" target="202f74d684f58de3-27" edge="1">
      <mxGeometry relative="1" as="geometry">
        <mxPoint x="700" y="450" as="sourcePoint"/>
        <Array as="points">
          <mxPoint x="640" y="530"/>
          <mxPoint x="720" y="510"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="202f74d684f58de3-36" style="edgeStyle=elbowEdgeStyle;elbow=vertical;html=1;labelBackgroundColor=none;endArrow=open;endFill=0;fontFamily=Verdana;fontSize=12;" parent="1" source="202f74d684f58de3-24" target="202f74d684f58de3-21" edge="1">
      <mxGeometry relative="1" as="geometry">
        <Array as="points">
          <mxPoint x="480" y="460"/>
          <mxPoint x="440" y="470"/>
        </Array>
      </mxGeometry>
    </mxCell>
  </root>
</mxGraphModel>

```