Archived
4 lines
39 KiB
XML
4 lines
39 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<!-- Do not edit this file with editors other than draw.io -->
|
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="646px" height="401px" viewBox="-0.5 -0.5 646 401" content="<mxfile host="app.diagrams.net" agent="Mozilla/5.0 (X11; Linux x86_64; rv:128.0) Gecko/20100101 Firefox/128.0" version="24.7.5" scale="1" border="0">
 <diagram name="Page-1" id="dBVdIIWBaHz3-c_bPfhA">
 <mxGraphModel dx="989" dy="1645" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
 <root>
 <mxCell id="0" />
 <mxCell id="1" parent="0" />
 <mxCell id="2" value="Host" style="rounded=0;whiteSpace=wrap;html=1;align=center;verticalAlign=top;" vertex="1" parent="1">
 <mxGeometry x="785" y="-470" width="555" height="370" as="geometry" />
 </mxCell>
 <mxCell id="3" value="Docker Engine" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;verticalAlign=top;" vertex="1" parent="1">
 <mxGeometry x="790" y="-450" width="410" height="340" as="geometry" />
 </mxCell>
 <mxCell id="4" value="Container" style="rounded=1;whiteSpace=wrap;html=1;verticalAlign=top;fillColor=#d5e8d4;strokeColor=#82b366;" vertex="1" parent="1">
 <mxGeometry x="800" y="-330" width="390" height="200" as="geometry" />
 </mxCell>
 <mxCell id="5" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" source="7" target="14" parent="1">
 <mxGeometry relative="1" as="geometry" />
 </mxCell>
 <mxCell id="6" value="Run executable" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="5">
 <mxGeometry x="-0.0086" y="2" relative="1" as="geometry">
 <mxPoint x="-5" y="-18" as="offset" />
 </mxGeometry>
 </mxCell>
 <mxCell id="7" value="Entrypoint" style="shape=ellipse;html=1;dashed=0;whiteSpace=wrap;perimeter=ellipsePerimeter;" vertex="1" parent="1">
 <mxGeometry x="810" y="-245" width="100" height="50" as="geometry" />
 </mxCell>
 <mxCell id="8" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;" edge="1" source="10" target="14" parent="1">
 <mxGeometry relative="1" as="geometry">
 <Array as="points">
 <mxPoint x="1040" y="-390" />
 </Array>
 </mxGeometry>
 </mxCell>
 <mxCell id="9" value="Copy files at creation" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="8">
 <mxGeometry x="-0.4196" relative="1" as="geometry">
 <mxPoint x="-11" y="-15" as="offset" />
 </mxGeometry>
 </mxCell>
 <mxCell id="10" value="Image" style="shape=cylinder3;whiteSpace=wrap;html=1;boundedLbl=1;backgroundOutline=1;size=15;fillColor=#fff2cc;strokeColor=#d6b656;" vertex="1" parent="1">
 <mxGeometry x="820" y="-440" width="60" height="80" as="geometry" />
 </mxCell>
 <mxCell id="11" value="" style="group" vertex="1" connectable="0" parent="1">
 <mxGeometry x="990" y="-270" width="120" height="120" as="geometry" />
 </mxCell>
 <mxCell id="12" value="Filesystem" style="whiteSpace=wrap;html=1;shape=mxgraph.basic.document" vertex="1" parent="11">
 <mxGeometry x="20" y="20" width="100" height="100" as="geometry" />
 </mxCell>
 <mxCell id="13" value="Filesystem" style="whiteSpace=wrap;html=1;shape=mxgraph.basic.document" vertex="1" parent="11">
 <mxGeometry x="10" y="10" width="100" height="100" as="geometry" />
 </mxCell>
 <mxCell id="14" value="Isolated Filesystem" style="whiteSpace=wrap;html=1;shape=mxgraph.basic.document" vertex="1" parent="11">
 <mxGeometry width="100" height="100" as="geometry" />
 </mxCell>
 <mxCell id="15" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=1;entryY=0.5;entryDx=0;entryDy=0;entryPerimeter=0;exitX=0;exitY=0.5;exitDx=0;exitDy=0;exitPerimeter=0;" edge="1" source="20" target="12" parent="1">
 <mxGeometry relative="1" as="geometry">
 <Array as="points">
 <mxPoint x="1240" y="-200" />
 </Array>
 </mxGeometry>
 </mxCell>
 <mxCell id="16" value="Bind mount&lt;br&gt;/app" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="15">
 <mxGeometry x="-0.15" y="2" relative="1" as="geometry">
 <mxPoint x="-48" y="-12" as="offset" />
 </mxGeometry>
 </mxCell>
 <mxCell id="17" value="" style="group" vertex="1" connectable="0" parent="1">
 <mxGeometry x="1210" y="-260" width="120" height="120" as="geometry" />
 </mxCell>
 <mxCell id="18" value="Host filesystem" style="whiteSpace=wrap;html=1;shape=mxgraph.basic.document" vertex="1" parent="17">
 <mxGeometry x="20" y="20" width="100" height="100" as="geometry" />
 </mxCell>
 <mxCell id="19" value="Host filesystem" style="whiteSpace=wrap;html=1;shape=mxgraph.basic.document" vertex="1" parent="17">
 <mxGeometry x="10" y="10" width="100" height="100" as="geometry" />
 </mxCell>
 <mxCell id="20" value="Host filesystem" style="whiteSpace=wrap;html=1;shape=mxgraph.basic.document" vertex="1" parent="17">
 <mxGeometry width="100" height="100" as="geometry" />
 </mxCell>
 <mxCell id="21" value="Docker Network&lt;br&gt;172.17.0.0/16" style="rounded=0;whiteSpace=wrap;html=1;verticalAlign=top;fillStyle=solid;fillColor=#e1d5e7;strokeColor=#9673a6;fillOpacity=75;absoluteArcSize=0;" vertex="1" parent="1">
 <mxGeometry x="1106" y="-441" width="80" height="200" as="geometry" />
 </mxCell>
 <mxCell id="22" value="&lt;font color=&quot;#000000&quot;&gt;172.17.0.2&lt;/font&gt;" style="image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/vpc/Bridge.svg;" vertex="1" parent="1">
 <mxGeometry x="1130" y="-300" width="30" height="30" as="geometry" />
 </mxCell>
 <mxCell id="23" value="&lt;font color=&quot;#000000&quot;&gt;172.17.0.1&lt;/font&gt;" style="image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/vpc/Bridge.svg;" vertex="1" parent="1">
 <mxGeometry x="1130" y="-380" width="30" height="30" as="geometry" />
 </mxCell>
 <mxCell id="24" value="&lt;div&gt;Host Network&lt;/div&gt;&lt;div&gt;192.168.1.0/24&lt;br&gt;&lt;/div&gt;" style="rounded=0;whiteSpace=wrap;html=1;verticalAlign=top;fillStyle=solid;fillColor=#e1d5e7;strokeColor=#9673a6;fillOpacity=100;absoluteArcSize=0;" vertex="1" parent="1">
 <mxGeometry x="1210" y="-440" width="200" height="70" as="geometry" />
 </mxCell>
 <mxCell id="25" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" source="23" target="27" parent="1">
 <mxGeometry relative="1" as="geometry" />
 </mxCell>
 <mxCell id="26" value="NAT" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="25">
 <mxGeometry x="-0.1397" y="-2" relative="1" as="geometry">
 <mxPoint x="-2" as="offset" />
 </mxGeometry>
 </mxCell>
 <mxCell id="27" value="&lt;font color=&quot;#000000&quot;&gt;192.168.1.10&lt;/font&gt;" style="image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/vpc/Bridge.svg;" vertex="1" parent="1">
 <mxGeometry x="1230" y="-428" width="30" height="30" as="geometry" />
 </mxCell>
 <mxCell id="28" value="192.168.1.1" style="image;aspect=fixed;html=1;points=[];align=center;fontSize=12;image=img/lib/azure2/networking/Virtual_Router.svg;" vertex="1" parent="1">
 <mxGeometry x="1360" y="-427" width="28" height="28" as="geometry" />
 </mxCell>
 <mxCell id="29" value="" style="image;html=1;image=img/lib/clip_art/networking/Router_128x128.png" vertex="1" parent="1">
 <mxGeometry x="1350" y="-500" width="80" height="80" as="geometry" />
 </mxCell>
 </root>
 </mxGraphModel>
 </diagram>
</mxfile>
"><defs/><g><g data-cell-id="0"><g data-cell-id="1"><g data-cell-id="Ts6nBacTKOffQ-a_tseF-14"><g><rect x="0" y="30" width="555" height="370" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 553px; height: 1px; padding-top: 37px; margin-left: 1px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Host</div></div></div></foreignObject><text x="278" y="49" fill="rgb(0, 0, 0)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">Host</text></switch></g></g></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-51"><g><rect x="5" y="50" width="410" height="340" fill="#ffe6cc" stroke="#d79b00" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 408px; height: 1px; padding-top: 57px; margin-left: 6px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Docker Engine</div></div></div></foreignObject><text x="210" y="69" fill="rgb(0, 0, 0)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">Docker Engine</text></switch></g></g></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-2"/><g data-cell-id="Ts6nBacTKOffQ-a_tseF-3"/><g data-cell-id="Ts6nBacTKOffQ-a_tseF-6"/><g data-cell-id="Ts6nBacTKOffQ-a_tseF-7"/><g data-cell-id="Ts6nBacTKOffQ-a_tseF-8"/><g data-cell-id="Ts6nBacTKOffQ-a_tseF-1"/><g data-cell-id="Ts6nBacTKOffQ-a_tseF-9"><g><rect x="15" y="170" width="390" height="200" rx="30" ry="30" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 388px; height: 1px; padding-top: 177px; margin-left: 16px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Container</div></div></div></foreignObject><text x="210" y="189" fill="rgb(0, 0, 0)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">Container</text></switch></g></g></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-21"><g><path d="M 125 280 L 198.63 280" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 203.88 280 L 196.88 283.5 L 198.63 280 L 196.88 276.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-26"><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 260px; margin-left: 160px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); "><div style="display: inline-block; font-size: 11px; font-family: "Helvetica"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">Run executable</div></div></div></foreignObject><text x="160" y="264" fill="rgb(0, 0, 0)" font-family=""Helvetica"" font-size="11px" text-anchor="middle">Run executable</text></switch></g></g></g></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-10"><g><ellipse cx="75" cy="280" rx="50" ry="25" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 280px; margin-left: 26px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Entrypoint</div></div></div></foreignObject><text x="75" y="284" fill="rgb(0, 0, 0)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">Entrypoint</text></switch></g></g></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-31"><g><path d="M 95 110.03 L 254.97 110.03 L 254.97 223.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 254.97 228.88 L 251.47 221.88 L 254.97 223.63 L 258.47 221.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-32"><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 95px; margin-left: 166px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); "><div style="display: inline-block; font-size: 11px; font-family: "Helvetica"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">Copy files at creation</div></div></div></foreignObject><text x="166" y="99" fill="rgb(0, 0, 0)" font-family=""Helvetica"" font-size="11px" text-anchor="middle">Copy files at creation</text></switch></g></g></g></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-18"><g><path d="M 35 75 C 35 66.72 48.43 60 65 60 C 72.96 60 80.59 61.58 86.21 64.39 C 91.84 67.21 95 71.02 95 75 L 95 125 C 95 133.28 81.57 140 65 140 C 48.43 140 35 133.28 35 125 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/><path d="M 95 75 C 95 83.28 81.57 90 65 90 C 48.43 90 35 83.28 35 75" fill="none" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 113px; margin-left: 36px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Image</div></div></div></foreignObject><text x="65" y="116" fill="rgb(0, 0, 0)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">Image</text></switch></g></g></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-24"><g/><g data-cell-id="Ts6nBacTKOffQ-a_tseF-23"><g><path d="M 323.99 264.29 L 323.99 350 L 225 350 L 225 250 L 309.85 250 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 309.85 250 C 311 253.34 309.11 256.79 304.8 259.18 L 323.99 264.59" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 300px; margin-left: 226px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Filesystem</div></div></div></foreignObject><text x="275" y="304" fill="rgb(0, 0, 0)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">Filesystem</text></switch></g></g></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-22"><g><path d="M 313.99 254.29 L 313.99 340 L 215 340 L 215 240 L 299.85 240 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 299.85 240 C 301 243.34 299.11 246.79 294.8 249.18 L 313.99 254.59" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 290px; margin-left: 216px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Filesystem</div></div></div></foreignObject><text x="265" y="294" fill="rgb(0, 0, 0)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">Filesystem</text></switch></g></g></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-19"><g><path d="M 303.99 244.29 L 303.99 330 L 205 330 L 205 230 L 289.85 230 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 289.85 230 C 291 233.34 289.11 236.79 284.8 239.18 L 303.99 244.59" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 280px; margin-left: 206px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Isolated Filesystem</div></div></div></foreignObject><text x="255" y="284" fill="rgb(0, 0, 0)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">Isolated Filesys...</text></switch></g></g></g></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-33"><g><path d="M 425 290 L 454.97 290.03 L 454.97 300.03 L 331.37 300" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 326.12 300 L 333.12 296.5 L 331.37 300 L 333.12 303.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-34"><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 290px; margin-left: 375px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); "><div style="display: inline-block; font-size: 11px; font-family: "Helvetica"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">Bind mount<br />/app</div></div></div></foreignObject><text x="375" y="294" fill="rgb(0, 0, 0)" font-family=""Helvetica"" font-size="11px" text-anchor="middle">Bind mount...</text></switch></g></g></g></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-37"/><g data-cell-id="Ts6nBacTKOffQ-a_tseF-39"><g data-cell-id="Ts6nBacTKOffQ-a_tseF-40"/></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-38"/><g data-cell-id="Ts6nBacTKOffQ-a_tseF-41"><g data-cell-id="Ts6nBacTKOffQ-a_tseF-42"/><g data-cell-id="Ts6nBacTKOffQ-a_tseF-43"/><g data-cell-id="Ts6nBacTKOffQ-a_tseF-44"/></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-45"/><g data-cell-id="Ts6nBacTKOffQ-a_tseF-52"><g/><g data-cell-id="Ts6nBacTKOffQ-a_tseF-36"><g><path d="M 543.99 274.29 L 543.99 360 L 445 360 L 445 260 L 529.85 260 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 529.85 260 C 531 263.34 529.11 266.79 524.8 269.18 L 543.99 274.59" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 310px; margin-left: 446px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Host filesystem</div></div></div></foreignObject><text x="495" y="314" fill="rgb(0, 0, 0)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">Host filesystem</text></switch></g></g></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-35"><g><path d="M 533.99 264.29 L 533.99 350 L 435 350 L 435 250 L 519.85 250 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 519.85 250 C 521 253.34 519.11 256.79 514.8 259.18 L 533.99 264.59" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 300px; margin-left: 436px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Host filesystem</div></div></div></foreignObject><text x="485" y="304" fill="rgb(0, 0, 0)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">Host filesystem</text></switch></g></g></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-15"><g><path d="M 523.99 254.29 L 523.99 340 L 425 340 L 425 240 L 509.85 240 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 509.85 240 C 511 243.34 509.11 246.79 504.8 249.18 L 523.99 254.59" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 290px; margin-left: 426px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Host filesystem</div></div></div></foreignObject><text x="475" y="294" fill="rgb(0, 0, 0)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">Host filesystem</text></switch></g></g></g></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-57"><g><rect x="321" y="59" width="80" height="200" fill-opacity="0.75" fill="#e1d5e7" stroke="#9673a6" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 66px; margin-left: 322px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Docker Network<br />172.17.0.0/16</div></div></div></foreignObject><text x="361" y="78" fill="rgb(0, 0, 0)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">Docker Networ...</text></switch></g></g></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-60"><g><image x="344.5" y="199.5" width="30" height="30" xlink:href="https://app.diagrams.net/img/lib/ibm/vpc/Bridge.svg"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 240px; margin-left: 360px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: #4277BB; background-color: rgb(255, 255, 255); "><div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: rgb(66, 119, 187); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;"><font color="#000000">172.17.0.2</font></div></div></div></foreignObject><text x="360" y="252" fill="#4277BB" font-family=""Helvetica"" font-size="12px" text-anchor="middle">172.1...</text></switch></g></g></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-61"><g><image x="344.5" y="119.5" width="30" height="30" xlink:href="https://app.diagrams.net/img/lib/ibm/vpc/Bridge.svg"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 160px; margin-left: 360px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: #4277BB; background-color: rgb(255, 255, 255); "><div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: rgb(66, 119, 187); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;"><font color="#000000">172.17.0.1</font></div></div></div></foreignObject><text x="360" y="172" fill="#4277BB" font-family=""Helvetica"" font-size="12px" text-anchor="middle">172.1...</text></switch></g></g></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-63"><g><rect x="425" y="60" width="200" height="70" fill="#e1d5e7" stroke="#9673a6" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 67px; margin-left: 426px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div>Host Network</div><div>192.168.1.0/24<br /></div></div></div></div></foreignObject><text x="525" y="79" fill="rgb(0, 0, 0)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">Host Network...</text></switch></g></g></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-64"><g><path d="M 375 135 L 460 135 L 460 108.37" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 460 103.12 L 463.5 110.12 L 460 108.37 L 456.5 110.12 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-65"><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 137px; margin-left: 424px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); "><div style="display: inline-block; font-size: 11px; font-family: "Helvetica"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">NAT</div></div></div></foreignObject><text x="424" y="141" fill="rgb(0, 0, 0)" font-family=""Helvetica"" font-size="11px" text-anchor="middle">NAT</text></switch></g></g></g></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-62"><g><image x="444.5" y="71.5" width="30" height="30" xlink:href="https://app.diagrams.net/img/lib/ibm/vpc/Bridge.svg"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 112px; margin-left: 460px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: #4277BB; background-color: rgb(255, 255, 255); "><div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: rgb(66, 119, 187); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;"><font color="#000000">192.168.1.10</font></div></div></div></foreignObject><text x="460" y="124" fill="#4277BB" font-family=""Helvetica"" font-size="12px" text-anchor="middle">192.1...</text></switch></g></g></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-69"><g><image x="574.5" y="72.5" width="28" height="28" xlink:href="https://app.diagrams.net/img/lib/azure2/networking/Virtual_Router.svg"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 108px; margin-left: 589px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); "><div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">192.168.1.1</div></div></div></foreignObject><text x="589" y="120" fill="rgb(0, 0, 0)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">192.1...</text></switch></g></g></g><g data-cell-id="Ts6nBacTKOffQ-a_tseF-71"><g><image x="564.5" y="-0.5" width="80" height="80" xlink:href="https://app.diagrams.net/img/lib/clip_art/networking/Router_128x128.png"/></g></g></g></g></g></svg> |
