<mxfile host="65bd71144e">
    <diagram id="KbJQMDzMe3jMYKvD7peT" name="Page-1">
        <mxGraphModel dx="421" dy="826" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
            <root>
                <mxCell id="0"/>
                <mxCell id="1" parent="0"/>
                <mxCell id="77" value="Docker" style="swimlane;flipV=1;fontSize=16;" vertex="1" parent="1">
                    <mxGeometry x="97" y="570" width="200" height="200" as="geometry"/>
                </mxCell>
                <mxCell id="59" value="Portainer" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://res.cloudinary.com/canonical/image/fetch/f_auto,q_auto,fl_sanitize,c_fill,w_200,h_200/https://api.charmhub.io/api/v1/media/download/charm_cMu7M9K6a65FsKZvrLZOZwyQradwbs7E_icon_5cef79c2d18f67464f39c8f2cf2d7ebb815b0071f04d3ffbb94f49fddd3ab666.png;fontSize=16;" vertex="1" parent="77">
                    <mxGeometry x="45" y="20" width="110" height="110" as="geometry"/>
                </mxCell>
                <mxCell id="4" value="Docker-Swarm" style="swimlane;flipH=1;fontSize=16;" parent="1" vertex="1">
                    <mxGeometry x="97" y="20" width="751" height="530" as="geometry"/>
                </mxCell>
                <mxCell id="24" value="" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;spacing=0;spacingTop=-250;fontSize=16;" parent="4" vertex="1">
                    <mxGeometry x="180" y="70" width="390" height="460" as="geometry"/>
                </mxCell>
                <mxCell id="15" style="edgeStyle=none;html=1;fontSize=16;startArrow=classic;startFill=1;" parent="4" source="2" target="27" edge="1">
                    <mxGeometry relative="1" as="geometry">
                        <mxPoint x="263.0000000000009" y="223.86499999999978" as="targetPoint"/>
                    </mxGeometry>
                </mxCell>
                <mxCell id="2" value="Routing &amp;&#10;Load balancing" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Traefik.logo.png/1200px-Traefik.logo.png;flipH=0;fontSize=16;" parent="4" vertex="1">
                    <mxGeometry x="51.62" y="238.28" width="96.75" height="133.45" as="geometry"/>
                </mxCell>
                <mxCell id="19" value="Postgres DB" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://upload.wikimedia.org/wikipedia/commons/thumb/b/ba/Database-postgres.svg/1200px-Database-postgres.svg.png;fontSize=16;" parent="4" vertex="1">
                    <mxGeometry x="583" y="200.14" width="147" height="207.72" as="geometry"/>
                </mxCell>
                <mxCell id="27" value="Replica 1" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://packer.searates.com/images/main-container.png;fontSize=16;" parent="4" vertex="1">
                    <mxGeometry x="333" y="160" width="106.62" height="74" as="geometry"/>
                </mxCell>
                <mxCell id="28" value="Replica 2" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://packer.searates.com/images/main-container.png;fontSize=16;" parent="4" vertex="1">
                    <mxGeometry x="333" y="267" width="106.62" height="74" as="geometry"/>
                </mxCell>
                <mxCell id="29" value="Replica ..." style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://packer.searates.com/images/main-container.png;fontSize=16;" parent="4" vertex="1">
                    <mxGeometry x="333" y="370" width="106.62" height="74" as="geometry"/>
                </mxCell>
                <mxCell id="35" style="edgeStyle=none;html=1;fontSize=16;startArrow=classic;startFill=1;" parent="4" source="27" target="19" edge="1">
                    <mxGeometry relative="1" as="geometry">
                        <mxPoint x="663" y="637.1583546699321" as="targetPoint"/>
                    </mxGeometry>
                </mxCell>
                <mxCell id="36" style="edgeStyle=none;html=1;fontSize=16;startArrow=classic;startFill=1;" parent="4" source="28" target="19" edge="1">
                    <mxGeometry relative="1" as="geometry">
                        <mxPoint x="663" y="657" as="targetPoint"/>
                    </mxGeometry>
                </mxCell>
                <mxCell id="37" style="edgeStyle=none;html=1;fontSize=16;startArrow=classic;startFill=1;" parent="4" source="29" target="19" edge="1">
                    <mxGeometry relative="1" as="geometry">
                        <mxPoint x="663" y="676.8416453300679" as="targetPoint"/>
                    </mxGeometry>
                </mxCell>
                <mxCell id="62" style="edgeStyle=none;html=1;fontSize=16;startArrow=classic;startFill=1;" edge="1" parent="4" source="2" target="28">
                    <mxGeometry relative="1" as="geometry">
                        <mxPoint x="168.5" y="298.4476797759021" as="sourcePoint"/>
                        <mxPoint x="343" y="236.05963657808434" as="targetPoint"/>
                    </mxGeometry>
                </mxCell>
                <mxCell id="63" style="edgeStyle=none;html=1;fontSize=16;startArrow=classic;startFill=1;" edge="1" parent="4" source="2" target="29">
                    <mxGeometry relative="1" as="geometry">
                        <mxPoint x="178.5" y="308.4476797759021" as="sourcePoint"/>
                        <mxPoint x="353" y="246.05963657808434" as="targetPoint"/>
                    </mxGeometry>
                </mxCell>
                <mxCell id="78" value="pgAdmin" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://upload.wikimedia.org/wikipedia/commons/thumb/2/29/Postgresql_elephant.svg/1200px-Postgresql_elephant.svg.png;fontSize=16;" vertex="1" parent="4">
                    <mxGeometry x="45.93" y="40" width="108.14" height="111.57" as="geometry"/>
                </mxCell>
                <mxCell id="79" style="edgeStyle=none;html=1;fontSize=16;startArrow=classic;startFill=1;" edge="1" parent="4">
                    <mxGeometry relative="1" as="geometry">
                        <mxPoint x="100" y="180" as="sourcePoint"/>
                        <mxPoint x="100" y="230" as="targetPoint"/>
                    </mxGeometry>
                </mxCell>
                <mxCell id="8" style="edgeStyle=none;html=1;startArrow=classic;startFill=1;fontSize=16;" parent="1" source="5" target="2" edge="1">
                    <mxGeometry relative="1" as="geometry"/>
                </mxCell>
                <mxCell id="5" value="Client 1" style="verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.computer;pointerEvents=1;fontSize=16;" parent="1" vertex="1">
                    <mxGeometry x="10" y="200" width="50" height="45" as="geometry"/>
                </mxCell>
                <mxCell id="9" style="edgeStyle=none;html=1;startArrow=classic;startFill=1;fontSize=16;" parent="1" source="6" target="2" edge="1">
                    <mxGeometry relative="1" as="geometry"/>
                </mxCell>
                <mxCell id="6" value="Client 2" style="verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.computer;pointerEvents=1;fontSize=16;" parent="1" vertex="1">
                    <mxGeometry x="10" y="302.5" width="50" height="45" as="geometry"/>
                </mxCell>
                <mxCell id="10" style="edgeStyle=none;html=1;startArrow=classic;startFill=1;fontSize=16;" parent="1" source="7" target="2" edge="1">
                    <mxGeometry relative="1" as="geometry"/>
                </mxCell>
                <mxCell id="7" value="Client 3" style="verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.computer;pointerEvents=1;fontSize=16;" parent="1" vertex="1">
                    <mxGeometry x="10" y="410" width="50" height="45" as="geometry"/>
                </mxCell>
                <mxCell id="60" style="edgeStyle=none;html=1;fontSize=16;startArrow=classic;startFill=1;" edge="1" parent="1" target="59">
                    <mxGeometry relative="1" as="geometry">
                        <mxPoint x="197" y="440" as="sourcePoint"/>
                        <mxPoint x="369.99999999999886" y="253.86499999999978" as="targetPoint"/>
                    </mxGeometry>
                </mxCell>
            </root>
        </mxGraphModel>
    </diagram>
</mxfile>
