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

# Component 5 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="d2435982860762-43" style="edgeStyle=none;rounded=0;html=1;entryX=0.5;entryY=1;entryPerimeter=0;dashed=1;labelBackgroundColor=none;endArrow=open;endFill=0;fontFamily=Verdana;fontSize=12;exitX=1;exitY=0.5;" parent="1" source="d2435982860762-1" target="d2435982860762-21" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-1" value="Module" style="shape=component;align=left;spacingLeft=36;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;html=1;" parent="1" vertex="1">
      <mxGeometry x="40" y="243" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-44" style="edgeStyle=none;rounded=0;html=1;entryX=0.5;entryY=1;entryPerimeter=0;dashed=1;labelBackgroundColor=none;endArrow=open;endFill=0;fontFamily=Verdana;fontSize=12;exitX=1;exitY=0.5;" parent="1" source="d2435982860762-2" target="d2435982860762-21" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-2" value="Module" style="shape=component;align=left;spacingLeft=36;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;html=1;" parent="1" vertex="1">
      <mxGeometry x="30" y="366" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-45" style="edgeStyle=none;rounded=0;html=1;entryX=0.5;entryY=1;entryPerimeter=0;dashed=1;labelBackgroundColor=none;endArrow=open;endFill=0;fontFamily=Verdana;fontSize=12;exitX=1;exitY=0.5;" parent="1" source="d2435982860762-3" target="d2435982860762-21" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-3" value="Module" style="shape=component;align=left;spacingLeft=36;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;html=1;" parent="1" vertex="1">
      <mxGeometry x="40" y="543" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-46" style="edgeStyle=none;rounded=0;html=1;dashed=1;labelBackgroundColor=none;endArrow=open;endFill=0;fontFamily=Verdana;fontSize=12;exitX=1;exitY=0.5;" parent="1" source="d2435982860762-4" edge="1">
      <mxGeometry relative="1" as="geometry">
        <mxPoint x="440" y="392" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="d2435982860762-4" value="Module" style="shape=component;align=left;spacingLeft=36;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;html=1;" parent="1" vertex="1">
      <mxGeometry x="220" y="213" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-48" style="edgeStyle=none;rounded=0;html=1;dashed=1;labelBackgroundColor=none;endArrow=open;endFill=0;fontFamily=Verdana;fontSize=12;entryX=0.5;entryY=1;entryPerimeter=0;exitX=1;exitY=0.5;" parent="1" source="d2435982860762-6" target="d2435982860762-22" edge="1">
      <mxGeometry relative="1" as="geometry">
        <mxPoint x="440" y="270" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="d2435982860762-6" value="Module" style="shape=component;align=left;spacingLeft=36;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;html=1;" parent="1" vertex="1">
      <mxGeometry x="220" y="463" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-49" style="edgeStyle=none;rounded=0;html=1;dashed=1;labelBackgroundColor=none;endArrow=open;endFill=0;fontFamily=Verdana;fontSize=12;exitX=1;exitY=0.5;entryX=0.5;entryY=1;entryPerimeter=0;" parent="1" source="d2435982860762-7" target="d2435982860762-22" edge="1">
      <mxGeometry relative="1" as="geometry">
        <mxPoint x="440" y="440" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="d2435982860762-7" value="Module" style="shape=component;align=left;spacingLeft=36;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;html=1;" parent="1" vertex="1">
      <mxGeometry x="220" y="583" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-23" value="" style="group" parent="1" vertex="1" connectable="0">
      <mxGeometry x="190" y="353" width="150" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-5" value="Module" style="shape=component;align=left;spacingLeft=36;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;html=1;" parent="d2435982860762-23" vertex="1">
      <mxGeometry x="30" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-21" value="" style="shape=lollipop;direction=south;html=1;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;align=center;flipH=1;" parent="d2435982860762-23" vertex="1">
      <mxGeometry y="13" width="30" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-24" value="" style="group" parent="1" vertex="1" connectable="0">
      <mxGeometry x="440" y="374" width="150" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-8" value="Module" style="shape=component;align=left;spacingLeft=36;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;html=1;" parent="d2435982860762-24" vertex="1">
      <mxGeometry x="30" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-22" value="" style="shape=lollipop;direction=south;html=1;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;align=center;flipH=1;" parent="d2435982860762-24" vertex="1">
      <mxGeometry y="13" width="30" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-26" value="" style="group" parent="1" vertex="1" connectable="0">
      <mxGeometry x="620" y="190" width="150" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-9" value="Module" style="shape=component;align=left;spacingLeft=36;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;html=1;" parent="d2435982860762-26" vertex="1">
      <mxGeometry x="30" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-25" value="" style="shape=lollipop;direction=south;html=1;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;align=center;flipH=1;" parent="d2435982860762-26" vertex="1">
      <mxGeometry y="13" width="30" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-28" value="" style="group" parent="1" vertex="1" connectable="0">
      <mxGeometry x="635" y="476" width="150" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-10" value="Module" style="shape=component;align=left;spacingLeft=36;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;html=1;" parent="d2435982860762-28" vertex="1">
      <mxGeometry x="30" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-27" value="" style="shape=lollipop;direction=south;html=1;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;align=center;flipH=1;" parent="d2435982860762-28" vertex="1">
      <mxGeometry y="13" width="30" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-30" value="" style="group" parent="1" vertex="1" connectable="0">
      <mxGeometry x="810" y="40" width="150" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-11" value="Module" style="shape=component;align=left;spacingLeft=36;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;html=1;" parent="d2435982860762-30" vertex="1">
      <mxGeometry x="30" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-29" value="" style="shape=lollipop;direction=south;html=1;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;align=center;flipH=1;" parent="d2435982860762-30" vertex="1">
      <mxGeometry y="13" width="30" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-32" value="" style="group" parent="1" vertex="1" connectable="0">
      <mxGeometry x="820" y="120" width="150" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-12" value="Module" style="shape=component;align=left;spacingLeft=36;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;html=1;" parent="d2435982860762-32" vertex="1">
      <mxGeometry x="30" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-31" value="" style="shape=lollipop;direction=south;html=1;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;align=center;flipH=1;" parent="d2435982860762-32" vertex="1">
      <mxGeometry y="13" width="30" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-34" value="" style="group" parent="1" vertex="1" connectable="0">
      <mxGeometry x="810" y="210" width="150" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-13" value="Module" style="shape=component;align=left;spacingLeft=36;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;html=1;" parent="d2435982860762-34" vertex="1">
      <mxGeometry x="30" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-33" value="" style="shape=lollipop;direction=south;html=1;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;align=center;flipH=1;" parent="d2435982860762-34" vertex="1">
      <mxGeometry y="13" width="30" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-36" value="" style="group" parent="1" vertex="1" connectable="0">
      <mxGeometry x="860" y="305" width="150" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-14" value="Module" style="shape=component;align=left;spacingLeft=36;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;html=1;" parent="d2435982860762-36" vertex="1">
      <mxGeometry x="30" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-35" value="" style="shape=lollipop;direction=south;html=1;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;align=center;flipH=1;" parent="d2435982860762-36" vertex="1">
      <mxGeometry y="14" width="30" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-38" value="" style="group" parent="1" vertex="1" connectable="0">
      <mxGeometry x="870" y="380" width="150" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-15" value="Module" style="shape=component;align=left;spacingLeft=36;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;html=1;" parent="d2435982860762-38" vertex="1">
      <mxGeometry x="30" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-37" value="" style="shape=lollipop;direction=south;html=1;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;align=center;flipH=1;" parent="d2435982860762-38" vertex="1">
      <mxGeometry y="14" width="30" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-40" value="" style="group" parent="1" vertex="1" connectable="0">
      <mxGeometry x="910" y="463" width="150" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-16" value="Module" style="shape=component;align=left;spacingLeft=36;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;html=1;" parent="d2435982860762-40" vertex="1">
      <mxGeometry x="30" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-39" value="" style="shape=lollipop;direction=south;html=1;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;align=center;flipH=1;" parent="d2435982860762-40" vertex="1">
      <mxGeometry y="13" width="30" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-42" value="" style="group" parent="1" vertex="1" connectable="0">
      <mxGeometry x="880" y="560" width="150" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-17" value="Module" style="shape=component;align=left;spacingLeft=36;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;html=1;" parent="d2435982860762-42" vertex="1">
      <mxGeometry x="30" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-41" value="" style="shape=lollipop;direction=south;html=1;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;align=center;flipH=1;" parent="d2435982860762-42" vertex="1">
      <mxGeometry y="13" width="30" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-47" style="edgeStyle=none;rounded=0;html=1;dashed=1;labelBackgroundColor=none;endArrow=open;endFill=0;fontFamily=Verdana;fontSize=12;entryX=0.5;entryY=1;entryPerimeter=0;exitX=1;exitY=0.5;" parent="1" source="d2435982860762-5" target="d2435982860762-22" edge="1">
      <mxGeometry relative="1" as="geometry">
        <mxPoint x="420" y="270" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="d2435982860762-50" style="edgeStyle=none;rounded=0;html=1;entryX=0.5;entryY=1;entryPerimeter=0;dashed=1;labelBackgroundColor=none;endArrow=open;endFill=0;fontFamily=Verdana;fontSize=12;" parent="1" source="d2435982860762-8" target="d2435982860762-25" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-51" style="edgeStyle=none;rounded=0;html=1;entryX=0.5;entryY=1;entryPerimeter=0;dashed=1;labelBackgroundColor=none;endArrow=open;endFill=0;fontFamily=Verdana;fontSize=12;" parent="1" source="d2435982860762-8" target="d2435982860762-27" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-52" style="edgeStyle=none;rounded=0;html=1;entryX=0.5;entryY=1;entryPerimeter=0;dashed=1;labelBackgroundColor=none;endArrow=open;endFill=0;fontFamily=Verdana;fontSize=12;" parent="1" source="d2435982860762-9" target="d2435982860762-29" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-53" style="edgeStyle=none;rounded=0;html=1;entryX=0.5;entryY=1;entryPerimeter=0;dashed=1;labelBackgroundColor=none;endArrow=open;endFill=0;fontFamily=Verdana;fontSize=12;" parent="1" source="d2435982860762-9" target="d2435982860762-31" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-54" style="edgeStyle=none;rounded=0;html=1;dashed=1;labelBackgroundColor=none;endArrow=open;endFill=0;fontFamily=Verdana;fontSize=12;" parent="1" source="d2435982860762-9" edge="1">
      <mxGeometry relative="1" as="geometry">
        <mxPoint x="810" y="228" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="d2435982860762-55" style="edgeStyle=none;rounded=0;html=1;entryX=0.5;entryY=1;entryPerimeter=0;dashed=1;labelBackgroundColor=none;endArrow=open;endFill=0;fontFamily=Verdana;fontSize=12;" parent="1" source="d2435982860762-9" target="d2435982860762-35" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-56" style="edgeStyle=none;rounded=0;html=1;entryX=0.5;entryY=1;entryPerimeter=0;dashed=1;labelBackgroundColor=none;endArrow=open;endFill=0;fontFamily=Verdana;fontSize=12;" parent="1" source="d2435982860762-10" target="d2435982860762-37" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-57" style="edgeStyle=none;rounded=0;html=1;entryX=0.5;entryY=1;entryPerimeter=0;dashed=1;labelBackgroundColor=none;endArrow=open;endFill=0;fontFamily=Verdana;fontSize=12;" parent="1" source="d2435982860762-10" target="d2435982860762-39" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-58" style="edgeStyle=none;rounded=0;html=1;entryX=0.5;entryY=1;entryPerimeter=0;dashed=1;labelBackgroundColor=none;endArrow=open;endFill=0;fontFamily=Verdana;fontSize=12;" parent="1" source="d2435982860762-10" target="d2435982860762-41" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-59" value="" style="group" parent="1" vertex="1" connectable="0">
      <mxGeometry x="790" y="720" width="150" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-60" value="Module" style="shape=component;align=left;spacingLeft=36;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;html=1;" parent="d2435982860762-59" vertex="1">
      <mxGeometry x="30" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-61" value="" style="shape=lollipop;direction=south;html=1;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;align=center;flipH=1;" parent="d2435982860762-59" vertex="1">
      <mxGeometry y="13" width="30" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-62" value="" style="group" parent="1" vertex="1" connectable="0">
      <mxGeometry x="860" y="653" width="150" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-63" value="Module" style="shape=component;align=left;spacingLeft=36;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;html=1;" parent="d2435982860762-62" vertex="1">
      <mxGeometry x="30" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-64" value="" style="shape=lollipop;direction=south;html=1;rounded=0;shadow=0;comic=0;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;align=center;flipH=1;" parent="d2435982860762-62" vertex="1">
      <mxGeometry y="13" width="30" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-65" style="edgeStyle=none;rounded=0;html=1;entryX=0.5;entryY=1;entryPerimeter=0;dashed=1;labelBackgroundColor=none;endArrow=open;endFill=0;fontFamily=Verdana;fontSize=12;" parent="1" source="d2435982860762-10" target="d2435982860762-64" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="d2435982860762-66" style="edgeStyle=none;rounded=0;html=1;entryX=0.5;entryY=1;entryPerimeter=0;dashed=1;labelBackgroundColor=none;endArrow=open;endFill=0;fontFamily=Verdana;fontSize=12;" parent="1" source="d2435982860762-10" target="d2435982860762-61" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
  </root>
</mxGraphModel>

```