Skip to content

Instantly share code, notes, and snippets.

@taku0
Created August 10, 2026 11:16
Show Gist options
  • Select an option

  • Save taku0/6733c1be5c719e7b60cb5197d65ce8de to your computer and use it in GitHub Desktop.

Select an option

Save taku0/6733c1be5c719e7b60cb5197d65ce8de to your computer and use it in GitHub Desktop.
<mxGraphModel adaptiveColors="auto" dx="800" dy="600" grid="0" 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="user" value="User" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f5f5f5;strokeColor=#666666;fontColor=#333333;" vertex="1" parent="1">
<mxGeometry x="40" y="220" width="110" height="60" as="geometry"/>
</mxCell>
<mxCell id="aws" value="AWS" style="rounded=0;whiteSpace=wrap;html=1;verticalAlign=top;align=left;spacingLeft=10;spacingTop=4;fillColor=none;strokeColor=#232F3E;fontColor=#232F3E;fontStyle=1;dashed=0;" vertex="1" parent="1">
<mxGeometry x="220" y="40" width="600" height="420" as="geometry"/>
</mxCell>
<mxCell id="vpc" value="VPC" style="rounded=0;whiteSpace=wrap;html=1;verticalAlign=top;align=left;spacingLeft=10;spacingTop=4;fillColor=none;strokeColor=#248814;fontColor=#248814;fontStyle=1;" vertex="1" parent="aws">
<mxGeometry x="40" y="70" width="520" height="310" as="geometry"/>
</mxCell>
<mxCell id="pubsub" value="Public Subnet" style="rounded=0;whiteSpace=wrap;html=1;verticalAlign=top;align=left;spacingLeft=10;spacingTop=4;fillColor=#E9F3E6;strokeColor=#248814;fontColor=#248814;dashed=1;" vertex="1" parent="vpc">
<mxGeometry x="30" y="70" width="210" height="190" as="geometry"/>
</mxCell>
<mxCell id="alb" value="ALB" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#FFFFFF;strokeColor=#8C4FFF;fontColor=#8C4FFF;fontStyle=1;" vertex="1" parent="pubsub">
<mxGeometry x="35" y="70" width="140" height="55" as="geometry"/>
</mxCell>
<mxCell id="privsub" value="Private Subnet" style="rounded=0;whiteSpace=wrap;html=1;verticalAlign=top;align=left;spacingLeft=10;spacingTop=4;fillColor=#E6F2F8;strokeColor=#147EBA;fontColor=#147EBA;dashed=1;" vertex="1" parent="vpc">
<mxGeometry x="280" y="70" width="210" height="190" as="geometry"/>
</mxCell>
<mxCell id="ecs" value="ECS" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#FFFFFF;strokeColor=#ED7100;fontColor=#ED7100;fontStyle=1;" vertex="1" parent="privsub">
<mxGeometry x="35" y="70" width="140" height="55" as="geometry"/>
</mxCell>
<mxCell id="e1" style="edgeStyle=orthogonalEdgeStyle;rounded=1;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#666666;" edge="1" parent="1" source="user" target="alb">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="e2" style="edgeStyle=orthogonalEdgeStyle;rounded=1;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#666666;" edge="1" parent="1" source="alb" target="ecs">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
</root>
</mxGraphModel>
<mxGraphModel adaptiveColors="auto" dx="1100" dy="700" grid="0" 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="user" value="User" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FFFFFF;strokeColor=#666666;fontColor=#333333;" vertex="1" parent="1">
<mxGeometry x="40" y="145" width="120" height="50" as="geometry"/>
</mxCell>
<mxCell id="aws" value="AWS" style="rounded=0;whiteSpace=wrap;html=1;verticalAlign=top;align=left;spacingLeft=10;spacingTop=4;fillColor=none;strokeColor=#232F3E;fontColor=#232F3E;fontStyle=1;container=1;collapsible=0;" vertex="1" parent="1">
<mxGeometry x="240" y="40" width="440" height="420" as="geometry"/>
</mxCell>
<mxCell id="vpc" value="VPC" style="rounded=0;whiteSpace=wrap;html=1;verticalAlign=top;align=left;spacingLeft=10;spacingTop=4;fillColor=none;strokeColor=#8C4FFF;fontColor=#8C4FFF;fontStyle=1;container=1;collapsible=0;" vertex="1" parent="aws">
<mxGeometry x="40" y="50" width="360" height="340" as="geometry"/>
</mxCell>
<mxCell id="public" value="Public Subnet" style="rounded=0;whiteSpace=wrap;html=1;verticalAlign=top;align=left;spacingLeft=10;spacingTop=4;fillColor=#F2F8E8;strokeColor=#7AA116;fontColor=#7AA116;container=1;collapsible=0;" vertex="1" parent="vpc">
<mxGeometry x="30" y="50" width="300" height="110" as="geometry"/>
</mxCell>
<mxCell id="alb" value="ALB" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FFFFFF;strokeColor=#7AA116;fontColor=#333333;" vertex="1" parent="public">
<mxGeometry x="90" y="40" width="120" height="50" as="geometry"/>
</mxCell>
<mxCell id="private" value="Private Subnet" style="rounded=0;whiteSpace=wrap;html=1;verticalAlign=top;align=left;spacingLeft=10;spacingTop=4;fillColor=#E6F6F7;strokeColor=#00A4A6;fontColor=#00A4A6;container=1;collapsible=0;" vertex="1" parent="vpc">
<mxGeometry x="30" y="200" width="300" height="110" as="geometry"/>
</mxCell>
<mxCell id="ecs" value="ECS" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FFFFFF;strokeColor=#00A4A6;fontColor=#333333;" vertex="1" parent="private">
<mxGeometry x="90" y="40" width="120" height="50" as="geometry"/>
</mxCell>
<mxCell id="e1" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#333333;" edge="1" parent="1" source="user" target="alb">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="e2" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;strokeColor=#333333;" edge="1" parent="vpc" source="alb" target="ecs">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
</root>
</mxGraphModel>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment