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

# Component 1 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="340466fb5d0e678-27" style="edgeStyle=none;rounded=0;html=1;dashed=1;labelBackgroundColor=none;startArrow=none;startFill=0;startSize=8;endArrow=open;endFill=0;endSize=16;fontFamily=Verdana;fontSize=12;entryX=-0.066;entryY=0.127;entryPerimeter=0;" parent="1" source="340466fb5d0e678-1" target="340466fb5d0e678-28" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-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="265" y="240" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-21" style="edgeStyle=none;rounded=0;html=1;dashed=1;labelBackgroundColor=none;startArrow=none;startFill=0;startSize=8;endArrow=open;endFill=0;endSize=16;fontFamily=Verdana;fontSize=12;entryX=1.061;entryY=0.133;entryPerimeter=0;" parent="1" source="340466fb5d0e678-2" target="340466fb5d0e678-33" edge="1">
      <mxGeometry relative="1" as="geometry">
        <mxPoint x="845" y="510" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="340466fb5d0e678-22" style="edgeStyle=none;rounded=0;html=1;dashed=1;labelBackgroundColor=none;startArrow=none;startFill=0;startSize=8;endArrow=open;endFill=0;endSize=16;fontFamily=Verdana;fontSize=12;" parent="1" source="340466fb5d0e678-2" target="340466fb5d0e678-12" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-23" style="edgeStyle=none;rounded=0;html=1;dashed=1;labelBackgroundColor=none;startArrow=none;startFill=0;startSize=8;endArrow=open;endFill=0;endSize=16;fontFamily=Verdana;fontSize=12;" parent="1" source="340466fb5d0e678-2" target="340466fb5d0e678-9" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-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="655" y="560" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-13" style="rounded=0;html=1;labelBackgroundColor=none;startArrow=none;startFill=0;startSize=8;endArrow=open;endFill=0;endSize=16;fontFamily=Verdana;fontSize=12;dashed=1;" parent="1" source="340466fb5d0e678-3" target="340466fb5d0e678-1" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-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="235" y="100" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-25" style="edgeStyle=none;rounded=0;html=1;dashed=1;labelBackgroundColor=none;startArrow=none;startFill=0;startSize=8;endArrow=open;endFill=0;endSize=16;fontFamily=Verdana;fontSize=12;" parent="1" source="340466fb5d0e678-4" target="340466fb5d0e678-10" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-26" style="edgeStyle=none;rounded=0;html=1;dashed=1;labelBackgroundColor=none;startArrow=none;startFill=0;startSize=8;endArrow=open;endFill=0;endSize=16;fontFamily=Verdana;fontSize=12;" parent="1" source="340466fb5d0e678-4" target="340466fb5d0e678-1" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-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="115" y="350" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-17" style="edgeStyle=none;rounded=0;html=1;dashed=1;labelBackgroundColor=none;startArrow=none;startFill=0;startSize=8;endArrow=open;endFill=0;endSize=16;fontFamily=Verdana;fontSize=12;" parent="1" source="340466fb5d0e678-5" target="340466fb5d0e678-11" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-19" style="edgeStyle=none;rounded=0;html=1;dashed=1;labelBackgroundColor=none;startArrow=none;startFill=0;startSize=8;endArrow=open;endFill=0;endSize=16;fontFamily=Verdana;fontSize=12;" parent="1" source="340466fb5d0e678-5" target="340466fb5d0e678-6" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-20" style="edgeStyle=none;rounded=0;html=1;dashed=1;labelBackgroundColor=none;startArrow=none;startFill=0;startSize=8;endArrow=open;endFill=0;endSize=16;fontFamily=Verdana;fontSize=12;" parent="1" source="340466fb5d0e678-5" target="340466fb5d0e678-12" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-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="845" y="370" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-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="865" y="190" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-14" style="edgeStyle=none;rounded=0;html=1;dashed=1;labelBackgroundColor=none;startArrow=none;startFill=0;startSize=8;endArrow=open;endFill=0;endSize=16;fontFamily=Verdana;fontSize=12;" parent="1" source="340466fb5d0e678-7" target="340466fb5d0e678-3" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-7" 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="445" y="140" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-18" style="edgeStyle=none;rounded=0;html=1;dashed=1;labelBackgroundColor=none;startArrow=none;startFill=0;startSize=8;endArrow=open;endFill=0;endSize=16;fontFamily=Verdana;fontSize=12;" parent="1" source="340466fb5d0e678-8" target="340466fb5d0e678-5" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-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="675" y="440" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-24" style="edgeStyle=none;rounded=0;html=1;dashed=1;labelBackgroundColor=none;startArrow=none;startFill=0;startSize=8;endArrow=open;endFill=0;endSize=16;fontFamily=Verdana;fontSize=12;" parent="1" source="340466fb5d0e678-9" target="340466fb5d0e678-1" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-9" 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="385" y="420" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-10" 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="215" y="500" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-15" style="edgeStyle=none;rounded=0;html=1;dashed=1;labelBackgroundColor=none;startArrow=none;startFill=0;startSize=8;endArrow=open;endFill=0;endSize=16;fontFamily=Verdana;fontSize=12;entryX=0.942;entryY=0.043;entryPerimeter=0;" parent="1" source="340466fb5d0e678-11" target="340466fb5d0e678-31" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-16" style="edgeStyle=none;rounded=0;html=1;dashed=1;labelBackgroundColor=none;startArrow=none;startFill=0;startSize=8;endArrow=open;endFill=0;endSize=16;fontFamily=Verdana;fontSize=12;" parent="1" source="340466fb5d0e678-11" target="340466fb5d0e678-12" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-11" 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="655" y="230" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-12" 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="445" y="330" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-28" value="" style="shape=lollipop;direction=south;html=1;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="335" y="510" width="40" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-29" value="" style="shape=lollipop;direction=south;html=1;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="335" y="540" width="40" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-30" value="" style="shape=lollipop;direction=south;html=1;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="565" y="155" width="40" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-31" value="" style="shape=lollipop;direction=south;html=1;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="565" y="180" width="40" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-32" value="" style="shape=lollipop;direction=south;html=1;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="795" y="460" width="40" height="10" as="geometry"/>
    </mxCell>
    <mxCell id="340466fb5d0e678-33" value="" style="shape=lollipop;direction=south;html=1;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="795" y="480" width="40" height="10" as="geometry"/>
    </mxCell>
  </root>
</mxGraphModel>

```