doc/source/_images/utensor-cli-components.drawio.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="583px" height="466px" viewBox="-0.5 -0.5 583 466" content="&lt;mxfile host=&quot;&quot; modified=&quot;2020-05-27T08:12:13.910Z&quot; agent=&quot;5.0 (Macintosh; Intel Mac OS X 10_15_3) AppleWebKit/537.36 (KHTML, like Gecko) Code/1.45.1 Chrome/78.0.3904.130 Electron/7.2.4 Safari/537.36&quot; etag=&quot;STjgWYX_SVXcIAVIRPJT&quot; version=&quot;13.1.3&quot;&gt;&lt;diagram id=&quot;6hGFLwfOUW9BJ-s0fimq&quot; name=&quot;Page-1&quot;&gt;5VrRbqM4FP2aSLsvEbaBkMc203ZX6kjVdKR9HDngEquAWeM06X792jEmwaYNzUCkpo0akYt9jc/1PedimKBFvr3juFx9ZwnJJtBLthP0bQJhiDz5rQyv2oAiXxtSThNtAnvDI/2P1Ma6X7qmCalaDQVjmaBl2xizoiCxaNkw52zTbvbEsvaoJU6JY3iMceZa/6GJWGlrBGd7+1+EpiszMgjn+kyOTeN6JtUKJ2xzYEI3E7TgjAl9lG8XJFPYGVx0v9s3zjYXxkkh+nTwke7xgrN1Pbn6wsSrmS2VME7Q9UrkmTQAeUhzDRDNU+k6zqgcUMijO4L5LwCjrfyflkUqmz7RLFuwjHHZvGCF7HWd4GpFktqVe8H1HF4IF2R7YKoncEdYTgR/lU3M2Wga6D5mOYU1upt9cPwAmFarw9CYpYjrJZE27veoyYMauDdAhJcAotfCcN4BoVm0gwPYA7/NigryWOJY/d5IVmmDKfOoVGfybaoYZ7rEFY2ntGLxeqngkkdXRbpzBgIFH+WSGKiKyTeCK9EN8gC4oshenQAGDrRBB7LBAMC62W24+JZKMGCYqZkvuTxK1dEf03I5gdKtN5XUua0Py+fsTycgBvGCCQVVpUl6B+6RWI0DdOAdRRl4I8EcOTDfclYIUiTS+oB5RbiDH2frItllsPcxyCYQ6T+97LV8qEYZXpLsGsfP6c63BfGTvKADFzeh+gwDfaPLDfYueYAu8ggHwB4AB3wHaxmIKyX78lec4UpSQxveNzEgSasQcBHomcOcZFjQl3b50DXreoQHRuWV7Mk5tAC2F23F1jwmda9DubccQe+II4F5SoTjaBeEZtr94tKD1D97XJBvwenPDdl/NDIoOupqwNi4urD+SYpKkgP0/v7RoQvrIiMpziTJJ64USJoQlhwLzp6JzUAu70uPqZLgWAZYciS6VqRDZaF9VZ/IaZKoYToJsk2hQ4j1bN4OQuQS2axjOcEheCy4/HzxbZE+lcf8+fl4LHTicl+nwjlEfUTZDmwx6JDtaCzVnh1f7Z+15A9Au+BvsucMBT9wS9GLY5HAVt35iSxiO4L+aCwC3Sr1iOKmpCCcxhestoF124C88Gxqa9LivTwx6Nyr+6oHVtGaPJZMCJZ3wCdYL4rK8CvhJPnFd1uT17tdUaAwZWuR0UIG0uxaen1VYoBowJm9UdHFW82dyGFAZkMExO8IiE4KJYETtZlrQAj/Xav9UTlrREL1OTTp9PnJcVE9MZ4rkfYeaEkUssajvBjtVDe+3BSD0awd0llHSNFYOdZD4z+9Flk1VFMwfbiiDY44GlCLetQIn7X2sndKzll7wfmJGq+3WVkpaH7hN9gN1zSS37FLC0biIzP2JfNRQ/AN4Z+8I9Vg/rar4TgJfYVd3GMU3zcywBId1FMrJHr49aBZqRpU71zwG+K2D7P2eHLQux4+n17z7d41kJ3u2UZVff1KveF3bAagSeu+FHU8jB3teQrqKsQvpDqwKQ3Nz/go9gtUw8BSHx+crj7gqKsB1cetiI9UbnpsFb2SxPTpovdp7IeGfkdNPR+rZnNr6t+RiAVLiOxzp+puLNjnVglkbjjeYbPRZML/EsW0vSX2G4SGnNfURqU0331sdfBOyoLlpeSaepQO1upLVYfLXnqvX9UEofldOwbvkZhDd0O/2wbnYQv4IHLzpIvA7McBJ+WJK/vqFZ2vGAbgwym0UiBCo4Vioha8eY9WZ9D+ZWR08z8=&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <rect x="0.5" y="302" width="451.5" height="130" rx="19.5" ry="19.5" fill="none" stroke="#000000" stroke-dasharray="3 3" pointer-events="all"/>
        <image x="201.75" y="342.5" width="48" height="48" xlink:href="data://text/data://text/img/clipart/Gear_128x128.png" preserveAspectRatio="none"/>
        <rect x="162" y="32" width="420" height="130" rx="19.5" ry="19.5" fill="none" stroke="#000000" stroke-dasharray="3 3" pointer-events="all"/>
        <image x="347.5" y="72.5" width="48" height="48" xlink:href="data://text/data://text/img/clipart/Gear_128x128.png" preserveAspectRatio="none"/>
        <path d="M 395.5 67 L 420.5 79 L 420.5 105 L 395.5 117 L 370.5 105 L 370.5 79 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 370.5 79 L 395.5 91.01 L 420.5 79 M 395.5 91.01 L 395.5 117" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 32 67 L 117 67 L 132 82 L 132 117 L 32 117 L 32 67 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 117 67 L 117 82 L 132 82" 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: 98px; height: 1px; padding-top: 92px; margin-left: 33px;">
                        <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; ">
                                Model File
                                <br/>
                                (.pb, .onnx, .pkl)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="82" y="96" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Model File...
                </text>
            </switch>
        </g>
        <rect x="192" y="62" width="120" height="60" fill="#000000" stroke="#000000" transform="translate(2,3)" opacity="0.25"/>
        <rect x="192" y="62" width="120" height="60" fill="#333333" 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 center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 92px; margin-left: 193px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #E6E6E6; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Frontend Parser
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="252" y="96" fill="#E6E6E6" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Frontend Parser
                </text>
            </switch>
        </g>
        <path d="M 142 92 L 175.63 92" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 180.88 92 L 173.88 95.5 L 175.63 92 L 173.88 88.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 322 91.5 L 355.63 91.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 360.88 91.5 L 353.88 95 L 355.63 91.5 L 353.88 88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="361" y="122" width="70" height="20" fill="none" stroke="none" 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: 68px; height: 1px; padding-top: 132px; margin-left: 362px;">
                        <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; ">
                                uTensor IR
                                <br/>
                                (unlegalized)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="396" y="136" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    uTensor IR...
                </text>
            </switch>
        </g>
        <path d="M 432 92 L 465.63 92" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 470.88 92 L 463.88 95.5 L 465.63 92 L 463.88 88.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="482" y="62" width="80" height="60" fill="#000000" stroke="#000000" transform="translate(2,3)" opacity="0.25"/>
        <rect x="482" y="62" width="80" height="60" fill="#333333" 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 center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 92px; margin-left: 483px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #E6E6E6; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Legalizer
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="522" y="96" fill="#E6E6E6" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Legalizer
                </text>
            </switch>
        </g>
        <path d="M 522 192 L 547 204 L 547 230 L 522 242 L 497 230 L 497 204 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 497 204 L 522 216.01 L 547 204 M 522 216.01 L 522 242" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 522 132 L 522 175.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 522 180.88 L 518.5 173.88 L 522 175.63 L 525.5 173.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="492" y="248" width="70" height="20" fill="none" stroke="none" 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: 68px; height: 1px; padding-top: 258px; margin-left: 493px;">
                        <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; ">
                                uTensor IR
                                <br/>
                                (generic)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="527" y="262" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    uTensor IR...
                </text>
            </switch>
        </g>
        <path d="M 270.5 202 L 420.5 202 L 420.5 262 L 270.5 262 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" transform="translate(2,3)" opacity="0.25"/>
        <path d="M 270.5 202 L 420.5 202 L 420.5 262 L 270.5 262 Z" fill="#333333" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 265.5 197 L 415.5 197 L 415.5 257 L 265.5 257 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" transform="translate(2,3)" opacity="0.25"/>
        <path d="M 265.5 197 L 415.5 197 L 415.5 257 L 265.5 257 Z" fill="#333333" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 260.5 192 L 410.5 192 L 410.5 252 L 260.5 252 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" transform="translate(2,3)" opacity="0.25"/>
        <path d="M 260.5 192 L 410.5 192 L 410.5 252 L 260.5 252 Z" fill="#333333" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="269" y="212" width="130" height="20" fill="none" stroke="none" 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: 128px; height: 1px; padding-top: 222px; margin-left: 270px;">
                        <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; ">
                                <font color="#e6e6e6">
                                    Transformer Pipeline
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="334" y="226" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Transformer Pipeline
                </text>
            </switch>
        </g>
        <path d="M 482 222 L 438.37 222" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 433.12 222 L 440.12 218.5 L 438.37 222 L 440.12 225.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 167 192 L 192 204 L 192 230 L 167 242 L 142 230 L 142 204 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 142 204 L 167 216.01 L 192 204 M 167 216.01 L 167 242" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="112" y="247" width="110" height="20" fill="none" stroke="none" 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: 108px; height: 1px; padding-top: 257px; margin-left: 113px;">
                        <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; ">
                                uTensor IR
                                <br/>
                                (generic, optimized)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="167" y="261" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    uTensor IR...
                </text>
            </switch>
        </g>
        <path d="M 252 221.5 L 208.37 221.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 203.12 221.5 L 210.12 218 L 208.37 221.5 L 210.12 225 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 132 222 L 92 222 Q 82 222 82 232 L 82 315.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 82 320.88 L 78.5 313.88 L 82 315.63 L 85.5 313.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="22" y="332" width="120" height="60" fill="#000000" stroke="#000000" transform="translate(2,3)" opacity="0.25"/>
        <rect x="22" y="332" width="120" height="60" fill="#333333" 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 center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 362px; margin-left: 23px;">
                        <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; ">
                                <font color="#e6e6e6">
                                    Graph Lower
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="82" y="366" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Graph Lower
                </text>
            </switch>
        </g>
        <path d="M 227 337 L 252 349 L 252 375 L 227 387 L 202 375 L 202 349 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 202 349 L 227 361.01 L 252 349 M 227 361.01 L 227 387" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 152 361.5 L 185.63 361.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 190.88 361.5 L 183.88 365 L 185.63 361.5 L 183.88 358 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="182" y="392" width="90" height="20" fill="none" stroke="none" 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: 88px; height: 1px; padding-top: 402px; margin-left: 183px;">
                        <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; ">
                                uTensor IR
                                <br/>
                                (target specific)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="227" y="406" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    uTensor IR...
                </text>
            </switch>
        </g>
        <rect x="311" y="337" width="120" height="60" fill="#000000" stroke="#000000" transform="translate(2,3)" opacity="0.25"/>
        <rect x="311" y="337" width="120" height="60" fill="#333333" 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 center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 367px; margin-left: 312px;">
                        <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; ">
                                <font color="#e6e6e6">
                                    Code Generator
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="371" y="371" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Code Generator
                </text>
            </switch>
        </g>
        <path d="M 260.5 361.5 L 294.13 361.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 299.38 361.5 L 292.38 365 L 294.13 361.5 L 292.38 358 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="278" y="0" width="190" height="40" fill="none" stroke="none" 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: 20px; margin-left: 373px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap; ">
                                Frontend Component
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="373" y="25" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">
                    Frontend Component
                </text>
            </switch>
        </g>
        <rect x="124.25" y="425" width="190" height="40" fill="none" stroke="none" 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: 445px; margin-left: 219px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap; ">
                                Backend Component
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="219" y="450" fill="#000000" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">
                    Backend Component
                </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>