Created: 2024-07-01 | Updated: 2024-09-21

AppFlow

New (v0.3.38)

Table of contents

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

---

Node Type: appflow

Rendering:

Code Snippet:

# given
mcd = MultiCloudDiagrams()

# when
appflow_service_arn = 'arn:aws:appflow:us-west-1:123456789012:service/appflow/migration'
appflow_service_name = 'Data Migration'
metadata = {
    "serviceName": "appflow",
    "clusterArn": "arn:aws:appflow:eu-west-1:123456789012:cluster/appflow",
    "serviceRegistries": "arn:aws:appflow:eu-west-1:123456789012:service/appflow",
    "status": "ACTIVE",
    "desiredCount": 1,
    "runningCount": 1,
    "pendingCount": 0,
    "launchType": "EC2",
    "platformVersion": "LATEST",
    "platformFamily": "Linux",
    "deployment": "arn:aws:appflow:eu-west-1:123456789012:deployment/appflow:15",
}
mcd.add_vertex(node_id=appflow_service_arn, node_name=appflow_service_name, node_type='appflow', metadata=metadata)

drawio appflow vertex:

<mxCell id="vertex:appflow:arn:aws:appflow:us-west-1:123456789012:service/appflow/migration" parent="1" vertex="1">
    <mxGeometry width="78" height="78" as="geometry"/>
</mxCell>

---

Advanced for Geeks:

Style:

style="sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=#FF4F8B;gradientDirection=north;fillColor=#BC1356;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=left;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.appflow;"

attribute	value
align	left
aspect	fixed
dashed	0
fillColor	#BC1356
fontColor	#232F3E
fontSize	12
fontStyle	0
gradientColor	#FF4F8B
gradientDirection	north
html	1
outlineConnect	0
resIcon	mxgraph.aws4.appflow
shape	mxgraph.aws4.resourceIcon
sketch	0
strokeColor	#ffffff
verticalAlign	top
verticalLabelPosition	bottom

Vertex size:

attribute	value
width	78
height	78

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:appflow:arn:aws:appflow:us-west-1:123456789012:service/appflow/migration" value="&lt;b&gt;Name&lt;/b&gt;: Data Migration&lt;BR&gt;&lt;b&gt;ARN&lt;/b&gt;: arn:aws:appflow:us-west-1:123456789012:service/appflow/migration&lt;BR&gt;-----------&lt;BR&gt;&lt;b&gt;serviceName&lt;/b&gt;: appflow&lt;BR&gt;&lt;b&gt;clusterArn&lt;/b&gt;: arn:aws:appflow:eu-west-1:123456789012:cluster/appflow&lt;BR&gt;&lt;b&gt;serviceRegistries&lt;/b&gt;: arn:aws:appflow:eu-west-1:123456789012:service/appflow&lt;BR&gt;&lt;b&gt;status&lt;/b&gt;: ACTIVE&lt;BR&gt;&lt;b&gt;desiredCount&lt;/b&gt;: 1&lt;BR&gt;&lt;b&gt;runningCount&lt;/b&gt;: 1&lt;BR&gt;&lt;b&gt;pendingCount&lt;/b&gt;: 0&lt;BR&gt;&lt;b&gt;launchType&lt;/b&gt;: EC2&lt;BR&gt;&lt;b&gt;platformVersion&lt;/b&gt;: LATEST&lt;BR&gt;&lt;b&gt;platformFamily&lt;/b&gt;: Linux&lt;BR&gt;&lt;b&gt;deployment&lt;/b&gt;: arn:aws:appflow:eu-west-1:123456789012:deployment/appflow:15" style="sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=#FF4F8B;gradientDirection=north;fillColor=#BC1356;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=left;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.appflow;" parent="1" vertex="1">
                    <mxGeometry width="78" height="78" as="geometry"/>
                </mxCell>
            </root>
        </mxGraphModel>
    </diagram>
</mxfile>

drawio file:

Download generated appflow.drawio:

Download