Simple flowchart with 2 rectangles with a connector in between. First rectangle is a grey color with white text, and connectior should be red.
<mxfile host="app.diagrams.net" modified="2024-10-19T19:32:33.067Z" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:131.0) Gecko/20100101 Firefox/131.0" etag="4OHbGgMhRqlOBmAU3_WF" version="24.4.8" type="device">
<diagram name="Page-1" id="wn0e15gmHAJFKrwYaARw">
<mxGraphModel dx="1050" dy="626" 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="_5xJdOhSlpbQAjnFqhUo-4" value="" style="shape=process;whiteSpace=wrap;html=1;backgroundOutline=1;" parent="1" vertex="1">
<mxGeometry x="330" y="690" width="120" height="60" as="geometry" />
</mxCell>
<mxCell id="F7vi46eRVVwoKnTOABEj-3" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;strokeColor=#CC0066;" edge="1" parent="1" source="F7vi46eRVVwoKnTOABEj-1" target="F7vi46eRVVwoKnTOABEj-2">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="F7vi46eRVVwoKnTOABEj-4" value="<div>connect1</div>" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="F7vi46eRVVwoKnTOABEj-3">
<mxGeometry x="0.2667" y="2" relative="1" as="geometry">
<mxPoint as="offset" />
</mxGeometry>
</mxCell>
<mxCell id="F7vi46eRVVwoKnTOABEj-1" value="Rect1" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#CCCCCC;fontColor=#FFFFFF;" vertex="1" parent="1">
<mxGeometry x="200" y="200" width="120" height="60" as="geometry" />
</mxCell>
<mxCell id="F7vi46eRVVwoKnTOABEj-2" value="Rect2" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="440" y="200" width="120" height="60" as="geometry" />
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>