overview.drawio.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="630px" height="481px" viewBox="-0.5 -0.5 630 481" content="&lt;mxfile host=&quot;b5de6137-e489-46d4-a2a3-a4b6e7570d6e&quot; modified=&quot;2020-09-12T06:17:48.292Z&quot; agent=&quot;5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML, like Gecko) Code/1.49.0 Chrome/83.0.4103.122 Electron/9.2.1 Safari/537.36&quot; etag=&quot;VbhctrvZr4hOrcMs_nUz&quot; version=&quot;13.1.3&quot;&gt;&lt;diagram id=&quot;6hGFLwfOUW9BJ-s0fimq&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <rect x="29" y="160" width="600" height="320" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe center; width: 598px; height: 1px; padding-top: 477px; margin-left: 30px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Kubernetes Cluster
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="329" y="477" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Kubernetes Cluster
                </text>
            </switch>
        </g>
        <rect x="69" y="190" width="250" height="250" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 248px; height: 1px; padding-top: 197px; margin-left: 70px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                control-plane
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="194" y="209" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    control-plane
                </text>
            </switch>
        </g>
        <rect x="399" y="190" width="210" height="240" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 208px; height: 1px; padding-top: 197px; margin-left: 400px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                worker(data-plane)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="504" y="209" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    worker(data-plane)
                </text>
            </switch>
        </g>
        <path d="M 219 0 L 324 0 L 339 15 L 339 100 L 219 100 L 219 0 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 324 0 L 324 15 L 339 15 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
        <path d="M 324 0 L 324 15 L 339 15" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 118px; height: 1px; padding-top: 50px; margin-left: 221px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: left; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                kind: CronJob
                                <br/>
                                metadata:
                                <br/>
                                ...
                                <br/>
                                spec:
                                <br/>
                                <div>
                                    <span>
                                        ...
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="221" y="54" fill="#000000" font-family="Helvetica" font-size="12px">
                    kind: CronJob...
                </text>
            </switch>
        </g>
        <ellipse cx="104" cy="17.5" rx="7.5" ry="7.5" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <path d="M 104 25 L 104 50 M 104 30 L 89 30 M 104 30 L 119 30 M 104 50 L 89 70 M 104 50 L 119 70" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 77px; margin-left: 104px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                Developer
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="104" y="89" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Devel...
                </text>
            </switch>
        </g>
        <rect x="159" y="360" width="120" height="60" fill="#1ba1e2" stroke="#006eaf" pointer-events="all"/>
        <path d="M 171 360 L 171 420 M 267 360 L 267 420" fill="none" stroke="#006eaf" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 390px; margin-left: 172px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #ffffff; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                CronJob
                                <br/>
                                Controller
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="219" y="394" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    CronJob...
                </text>
            </switch>
        </g>
        <rect x="114" y="220" width="120" height="60" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <path d="M 126 220 L 126 280 M 222 220 L 222 280" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 250px; margin-left: 127px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                api-server
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="174" y="254" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    api-server
                </text>
            </switch>
        </g>
        <path d="M 129 50 L 212.63 50" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 217.88 50 L 210.88 53.5 L 212.63 50 L 210.88 46.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 31px; margin-left: 172px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                1. Write manifest
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="172" y="34" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    1. Write manifest
                </text>
            </switch>
        </g>
        <path d="M 279 100 L 178.19 215.21" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 174.74 219.16 L 176.71 211.59 L 178.19 215.21 L 181.98 216.2 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 131px; margin-left: 338px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                2. k apply -f myresource.yml
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="338" y="134" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    2. k apply -f myresource.yml
                </text>
            </switch>
        </g>
        <path d="M 79 326 C 79 304.67 139 304.67 139 326 L 139 374 C 139 395.33 79 395.33 79 374 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 79 326 C 79 342 139 342 139 326" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 362px; margin-left: 80px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                etcd
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="109" y="366" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    etcd
                </text>
            </switch>
        </g>
        <path d="M 144 280 L 113.83 305.86" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 109.85 309.27 L 112.89 302.06 L 113.83 305.86 L 117.44 307.37 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 290px; margin-left: 59px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                ３. Create CronJob-rs
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="59" y="294" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    ３. Create CronJob-rs
                </text>
            </switch>
        </g>
        <path d="M 159 375 L 144.81 368.61" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 140.02 366.46 L 147.84 366.14 L 144.81 368.61 L 144.97 372.52 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 350px; margin-left: 210px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                4. Detect CronJob-rs
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="210" y="354" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    4. Detect CronJob-rs
                </text>
            </switch>
        </g>
        <path d="M 219 360 L 205.17 286.26" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 204.21 281.1 L 208.94 287.33 L 205.17 286.26 L 202.06 288.62 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 321px; margin-left: 249px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                5. Create pod like k apply command
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="249" y="324" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    5. Create pod like k apply command
                </text>
            </switch>
        </g>
        <rect x="409" y="220" width="190" height="140" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 188px; height: 1px; padding-top: 227px; margin-left: 411px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: left; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Node 0
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="411" y="239" fill="#000000" font-family="Helvetica" font-size="12px">
                    Node 0
                </text>
            </switch>
        </g>
        <rect x="409" y="380" width="190" height="40" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 188px; height: 1px; padding-top: 387px; margin-left: 411px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: left; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Node N
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="411" y="399" fill="#000000" font-family="Helvetica" font-size="12px">
                    Node N
                </text>
            </switch>
        </g>
        <rect x="419" y="250" width="70" height="40" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <path d="M 426 250 L 426 290 M 482 250 L 482 290" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 54px; height: 1px; padding-top: 270px; margin-left: 427px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                kube-proxy
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="454" y="274" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    kube-proxy
                </text>
            </switch>
        </g>
        <rect x="419" y="300" width="70" height="30" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <path d="M 426 300 L 426 330 M 482 300 L 482 330" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 54px; height: 1px; padding-top: 315px; margin-left: 427px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                kubelet
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="454" y="319" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    kubelet
                </text>
            </switch>
        </g>
        <rect x="519" y="310" width="70" height="40" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <path d="M 526 310 L 526 350 M 582 310 L 582 350" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 54px; height: 1px; padding-top: 330px; margin-left: 527px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                pod
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="554" y="334" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    pod
                </text>
            </switch>
        </g>
        <path d="M 174 280 L 135.04 310.11" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 130.88 313.32 L 134.28 306.27 L 135.04 310.11 L 138.56 311.81 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 300px; margin-left: 170px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                6. Create pod
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="170" y="304" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    6. Create pod
                </text>
            </switch>
        </g>
        <path d="M 419 315 L 240.01 252.11" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 235.05 250.37 L 242.82 249.39 L 240.01 252.11 L 240.5 255.99 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 273px; margin-left: 360px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                7. Detect pod
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="360" y="276" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    7. Detect pod
                </text>
            </switch>
        </g>
        <path d="M 489 315 L 513.3 327.15" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 518 329.5 L 510.17 329.5 L 513.3 327.15 L 513.3 323.24 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 291px; margin-left: 542px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                8. Run container
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="542" y="294" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    8. Run container
                </text>
            </switch>
        </g>
        <rect x="489" y="360" width="40" height="20" fill="none" stroke="none" transform="rotate(90,509,370)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)rotate(90 509 370)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 370px; margin-left: 490px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; ">
                                ...
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="509" y="374" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">
                    ...
                </text>
            </switch>
        </g>
    </g>
    <switch>
        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
        <a transform="translate(0,-5)" xlink:href="https://desk.draw.io/support/solutions/articles/16000042487" target="_blank">
            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
                Viewer does not support full SVG 1.1
            </text>
        </a>
    </switch>
</svg>