Skip to content

Commit

Permalink
Example for blog post - placeholders
Browse files Browse the repository at this point in the history
  • Loading branch information
kym-drawio authored Jan 16, 2025
1 parent 8c6adfa commit c48a06a
Showing 1 changed file with 68 additions and 0 deletions.
68 changes: 68 additions & 0 deletions blog/network-with-placeholders.drawio
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
<mxfile host="app.diagrams.net" agent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.1.1 Safari/605.1.15" version="26.0.6">
<diagram id="BoXfLyJmFER3YXkYRcKK" name="Page-1">
<mxGraphModel dx="1289" dy="770" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="0" page="1" pageScale="1" pageWidth="826" pageHeight="1169" background="#ffffff" math="0" shadow="0">
<root>
<mxCell id="3f3fe580f65d2139-0" />
<mxCell id="3f3fe580f65d2139-1" parent="3f3fe580f65d2139-0" />
<object label="Subnet&lt;br&gt;%subnet%.x" placeholders="1" subnet="192.168.1" id="1fc166168f6333eb-0">
<mxCell style="ellipse;whiteSpace=wrap;html=1;strokeWidth=2;fillColor=#F0F3FF;fontSize=15;strokeColor=none;container=1;verticalAlign=top;spacingBottom=0;spacingTop=4;fontStyle=1;fontColor=#7EA6E0;opacity=40;" parent="3f3fe580f65d2139-1" vertex="1">
<mxGeometry x="130" y="70" width="409" height="320" as="geometry" />
</mxCell>
</object>
<mxCell id="1fc166168f6333eb-1" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=none;endFill=0;strokeColor=#0A3DA3;strokeWidth=2;fontSize=12;fontColor=#0A3DA3;exitX=0.5;exitY=0.5;entryX=0.504;entryY=0.5;entryPerimeter=0;exitPerimeter=0;" parent="1fc166168f6333eb-0" source="1fc166168f6333eb-5" target="1fc166168f6333eb-3" edge="1">
<mxGeometry relative="1" as="geometry">
<Array as="points">
<mxPoint x="205" y="184" />
<mxPoint x="205" y="184" />
</Array>
</mxGeometry>
</mxCell>
<mxCell id="1fc166168f6333eb-2" style="edgeStyle=orthogonalEdgeStyle;html=1;endArrow=none;endFill=0;strokeWidth=2;fontSize=12;fontColor=#0A3DA3;strokeColor=#0A3DA3;rounded=0;entryX=0.5;entryY=0.5;exitX=0.5;exitY=0.5;exitPerimeter=0;entryPerimeter=0;" parent="1fc166168f6333eb-0" source="1fc166168f6333eb-4" target="1fc166168f6333eb-5" edge="1">
<mxGeometry relative="1" as="geometry">
<mxPoint x="-6" y="239" as="targetPoint" />
<Array as="points">
<mxPoint x="85" y="190" />
<mxPoint x="205" y="190" />
</Array>
</mxGeometry>
</mxCell>
<object label="%subnet%.2" placeholders="1" id="1fc166168f6333eb-3">
<mxCell style="image;html=1;image=img/lib/clip_art/computers/Monitor_Tower_128x128.png;fontFamily=Helvetica;fontSize=12;fontColor=#0A3DA3;align=center;strokeWidth=2;fillColor=#EDF5FF;fontStyle=1;verticalAlign=bottom;strokeColor=none;labelBackgroundColor=none;labelBorderColor=none;labelPosition=center;verticalLabelPosition=top;" parent="1fc166168f6333eb-0" vertex="1">
<mxGeometry x="147" y="80" width="115" height="79" as="geometry" />
</mxCell>
</object>
<object label="%subnet%.3" placeholders="1" id="1fc166168f6333eb-4">
<mxCell style="image;html=1;image=img/lib/clip_art/computers/Laptop_128x128.png;fontFamily=Helvetica;fontSize=12;fontColor=#0A3DA3;align=center;strokeWidth=2;fillColor=#EDF5FF;fontStyle=1;verticalAlign=bottom;strokeColor=none;labelBackgroundColor=none;labelBorderColor=none;labelPosition=center;verticalLabelPosition=top;" parent="1fc166168f6333eb-0" vertex="1">
<mxGeometry x="45" y="80" width="80" height="80" as="geometry" />
</mxCell>
</object>
<mxCell id="1fc166168f6333eb-5" value="Network Switch&lt;br&gt;" style="image;html=1;image=img/lib/clip_art/networking/Switch_128x128.png;strokeColor=none;strokeWidth=2;fillColor=#EDF5FF;fontSize=12;labelBackgroundColor=none;fontStyle=1;fontColor=#0A3DA3;" parent="1fc166168f6333eb-0" vertex="1">
<mxGeometry x="165" y="218" width="80" height="42" as="geometry" />
</mxCell>
<object label="%subnet%.1" placeholders="1" id="1fc166168f6333eb-6">
<mxCell style="image;html=1;image=img/lib/clip_art/computers/Mainframe_128x128.png;strokeColor=none;strokeWidth=2;fillColor=#EDF5FF;fontSize=12;fontColor=#0A3DA3;labelBackgroundColor=none;fontStyle=1;labelBorderColor=none;labelPosition=center;verticalLabelPosition=top;align=center;verticalAlign=bottom;" parent="1fc166168f6333eb-0" vertex="1">
<mxGeometry x="281" y="79" width="80" height="80" as="geometry" />
</mxCell>
</object>
<mxCell id="1fc166168f6333eb-7" value="Test" style="edgeStyle=orthogonalEdgeStyle;html=1;endArrow=none;endFill=0;strokeWidth=2;fontSize=12;fontColor=#0A3DA3;strokeColor=#0A3DA3;rounded=0;exitX=0.5;exitY=0.5;exitPerimeter=0;entryX=0.5;entryY=0;" parent="1fc166168f6333eb-0" source="1fc166168f6333eb-6" target="1fc166168f6333eb-5" edge="1">
<mxGeometry x="0.0419" relative="1" as="geometry">
<mxPoint x="205" y="210" as="targetPoint" />
<Array as="points">
<mxPoint x="321" y="190" />
<mxPoint x="205" y="190" />
</Array>
<mxPoint as="offset" />
</mxGeometry>
</mxCell>
<mxCell id="1fc166168f6333eb-8" style="edgeStyle=none;curved=1;html=1;strokeWidth=2;fontSize=12;endArrow=none;endFill=0;exitX=0.5;exitY=0.5;exitPerimeter=0;rounded=0;fontColor=#0A3DA3;strokeColor=#0A3DA3;entryX=0.688;entryY=0.762;entryPerimeter=0;" parent="3f3fe580f65d2139-1" source="1fc166168f6333eb-9" target="1fc166168f6333eb-5" edge="1">
<mxGeometry x="350" y="320" as="geometry">
<mxPoint x="358" y="320" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="1fc166168f6333eb-9" value="Concentrator&lt;br&gt;" style="image;html=1;image=img/lib/clip_art/networking/Switch_128x128.png;strokeColor=none;strokeWidth=2;fillColor=#EDF5FF;fontSize=12;fontColor=#0A3DA3;fontStyle=1;labelBackgroundColor=none;" parent="3f3fe580f65d2139-1" vertex="1">
<mxGeometry x="510" y="370" width="80" height="53" as="geometry" />
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>

0 comments on commit c48a06a

Please sign in to comment.