Created: 2024-01-12 | Updated: 2024-05-17

WEB Client

New (v0.3.20)

Table of contents

  1. Node Type: web_client
  2. Rendering:
  3. Code Snippet:
  4. drawio web_client vertex:
  5. Advanced for Geeks:
    1. Style:
    2. Vertex size:
    3. Full XML dump:
    4. drawio file:

Node Type: web_client

Rendering:

lambda

Code Snippet:

# given
mcd = MultiCloudDiagrams()

# when
mcd.add_vertex(node_id="web",
               node_name='Chrome v.52',
               node_type='web_client',
               hide_id=True)

drawio web_client vertex:

<mxCell id="vertex:web_client:web" parent="1" vertex="1">
    <mxGeometry width="78" height="76" as="geometry"/>
</mxCell>

Advanced for Geeks:

Style:

style="sketch=0;outlineConnect=0;gradientColor=none;fillColor=#232F3D;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=left;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.client;labelBackgroundColor=none;"
attributevalue
alignleft
aspectfixed
dashed0
fillColor#232F3D
fontSize12
fontStyle0
gradientColornone
html1
labelBackgroundColornone
outlineConnect0
pointerEvents1
shapemxgraph.aws4.client
sketch0
strokeColornone
verticalAligntop
verticalLabelPositionbottom

Vertex size:

attributevalue
width78
height76

Full XML dump:

<mxfile host="multicloud-diagrams" agent="PIP package multicloud-diagrams. Generate resources in draw.io compatible format for Cloud infrastructure. Copyrights @ Roman Tsypuk 2023. MIT license." type="MultiCloud">
    <diagram id="diagram_1" name="AWS components">
        <mxGraphModel dx="1015" dy="661" 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="1">
            <root>
                <mxCell id="0"/>
                <mxCell id="1" parent="0"/>
                <mxCell id="vertex:web_client:web" value="&lt;b&gt;Name&lt;/b&gt;: Chrome v.52" style="sketch=0;outlineConnect=0;gradientColor=none;fillColor=#232F3D;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=left;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.client;labelBackgroundColor=none;" parent="1" vertex="1">
                    <mxGeometry width="78" height="76" as="geometry"/>
                </mxCell>
            </root>
        </mxGraphModel>
    </diagram>
</mxfile>

drawio file:

Download generated web_client.drawio:

Download