doc/drawings/example-network.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="491px" height="351px" viewBox="-0.5 -0.5 491 351" content="&lt;mxfile&gt;&lt;diagram id=&quot;ItzBtn22He3vzmQ9uxtE&quot; name=&quot;Page-1&quot;&gt;7Vpdj5s4FP01kXYfOgKMSfLYznTah65aaVba9mlFwCRWCKbG+dpfv/4EE5NJmmGI1Mw8jPC5GK7vOdc21xmB+9XuE43LxV8kRfko8NLdCDyMgmAcTfh/AewV4PtwrJA5xanGGuAJ/4c06Gl0jVNUtW5khOQMl20wIUWBEtbCYkrJtn1bRvL2W8t4jhzgKYlzF/0Hp2yh0EkwbvDPCM8X5s1+NFWWWZws55SsC/2+ghRIWVaxeYweY7WIU7K1IPBxBO4pIUxdrXb3KBdhNRFT/R6PWGuXKSrYOR3MYDZxvtbD1o6xvYmDHAkSHbwR+LBdYIaeyjgR1i1nnmMLtsp5y+eXGc7ze5ITKvuCR/nHcdcx7esGUYZ2FqQd/YTICjG657cYK9RB04IKIt3eNuyEU40tLGaA6RhrRczrZzeh4Rc6Okci5QQqLdMlLjIaC7jaYpYsXhY7EQrM9fc+x/OCYzPCGFm5Qc0yFCUJxytGyRJZlnQ8nXniTRkpmIV78q8fGkDQpgFMXRr8qIOGwOuBhokTYpTyrNVNmWmtmKIdZt+t6x+CijuoWw87zYxs7E2j4E59txuqVwBNu+knW03H9BHn5tU8t0vhVI6LZRdZp0mpyJomephAz4AxnSMTUAWJADxLHEV5zPCmPa29hATQMWlEOffqw4xfzMXFZ1Ix36D8ebWhvpMeR/5gcfnnM7nk//I8lEI0ScMuFibBDETR66aMP26nTOh3pEzQkTJRDxkTnkdW8EZWN1lwSLLgeWSBi8naYL7GkHdLRAuU/060QS+8Xo5F59EWvtF2irZBs216xc3E+JqbiXCAzYTu+o1g7kize/QOlsLDvblyU/eyv1wOHwRPPEgNznmQ1EQ9nrNkYiT5Qp2MTwnlGb6PqeiUiF6ok8DVSXQdncC+dOI8qEed+L3oJPgtdAKH0Ul4uFu7VCcwGE4nHbUElMXrnN2VoSMhw3BJSYKq6vT63pSfvq4Z1wUa/Wp5IQuOlBeiWQRfeUMAwgu/lfywhx2B737a4nIT/rvgu7ejzCR7HuUUUXAGN2qj9mV2iqxKlUN92MHPJEHd/MwmUCyDr8vP4bcscPnpqv6M+2DH/ZZ1l2Y+DtYOejtOehq2g6qhWCdGwqODaEfGrHCaitd0stwu9b0mAz5sM2DmWosB0MEA6IMB90vHXfRujgE4JANuxT64PQZCc5Z0jRyYOAyANwYGzYGpw0C1vcF5qF5or5AFZuVtcVCXvaoyLlpkRD/X4kxTRuNdFq9wzn1+z29ZkYJUKn48JJ60q82PsHrlThXEdPemRAYPT54h91Og8vC0bhm/ofScIw/iWjgPhfuQD/fUvX59r2HroscEzWNUzGqL1K6xqZDVNqlh3lIqFrAvm7aSBarOmKGt5hasFC0grWkBtlUtjFrXwmgpW1iktgVu1C1ATyLWwJR0zwldbaqj1ugbCoU3gYuaMHv7BpdqN7hSfG0DVhet/E4bz4Aan1vvP+RUNmtibbAtN32fo8u67KsSw4j41iesIReN2lt7wrrBhds5KBmSA7fyUW3dksfNcTBoHkAn3udVKZuTjh+W5UiRkje+IYq5d4KGXmqMHb+AMOWa4X8C8dxvIOjxg7y/45lYXsVv1jI8d4gwFaWCsGMaPaPQl8Z0+ZX3wkzSced1FJGue+oHovYHdDBxi0jjDv1fcOg30ku0VaxtFmfw8X8=&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <rect x="0" y="0" width="490" height="350" fill="#ffffff" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <rect x="170" y="130" width="160" height="200" fill="#ffe6cc" stroke="#d79b00" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 327px; margin-left: 171px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                dpdkinfra vswitch
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="250" y="327" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    dpdkinfra vswitch
                </text>
            </switch>
        </g>
        <path d="M 140 178 L 170 178 M 170 182 L 140 182 M 170 182" fill="none" stroke="#000000" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="20" y="150" width="120" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <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: 180px; margin-left: 21px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <b>
                                    Host1
                                </b>
                                <br/>
                                <br/>
                                (tap)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="80" y="184" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Host1...
                </text>
            </switch>
        </g>
        <rect x="20" y="250" width="120" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <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: 280px; margin-left: 21px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <b>
                                    Host2
                                </b>
                                <br/>
                                <br/>
                                (tap)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="80" y="284" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Host2...
                </text>
            </switch>
        </g>
        <rect x="354" y="150" width="120" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <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: 180px; margin-left: 355px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <b>
                                    Host3
                                </b>
                                <br/>
                                <br/>
                                (virtio-kernel)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="414" y="184" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Host3...
                </text>
            </switch>
        </g>
        <rect x="354" y="250" width="120" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <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: 280px; margin-left: 355px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <b>
                                    Host4
                                </b>
                                <br/>
                                <br/>
                                (virtio-kernel)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="414" y="284" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Host4...
                </text>
            </switch>
        </g>
        <path d="M 140 278 L 170 278 M 170 282 L 140 282 M 170 282" fill="none" stroke="#000000" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 330 278 L 354 278 M 354 282 L 330 282 M 354 282" fill="none" stroke="#000000" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 330 178 L 354 178 M 354 182 L 330 182 M 354 182" fill="none" stroke="#000000" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="190" y="150" width="120" height="140" fill="#fff2cc" stroke="#d6b656" pointer-events="all"/>
        <path d="M 202 150 L 202 290 M 298 150 L 298 290" fill="none" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 287px; margin-left: 203px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                default.p4
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="250" y="287" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    default.p4
                </text>
            </switch>
        </g>
        <path d="M 220 185 C 220 176.72 233.43 170 250 170 C 257.96 170 265.59 171.58 271.21 174.39 C 276.84 177.21 280 181.02 280 185 L 280 225 C 280 233.28 266.57 240 250 240 C 233.43 240 220 233.28 220 225 Z" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 280 185 C 280 193.28 266.57 200 250 200 C 233.43 200 220 193.28 220 185" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <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: 218px; margin-left: 221px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                ipv4_host
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="250" y="221" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    ipv4_host
                </text>
            </switch>
        </g>
        <rect x="165" y="165" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 180px; margin-left: 166px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                0
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="180" y="184" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    0
                </text>
            </switch>
        </g>
        <rect x="165" y="265" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 280px; margin-left: 166px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                1
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="180" y="284" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    1
                </text>
            </switch>
        </g>
        <rect x="307" y="165" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 180px; margin-left: 308px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                2
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="322" y="184" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    2
                </text>
            </switch>
        </g>
        <rect x="307" y="265" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 280px; margin-left: 308px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                3
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="322" y="284" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    3
                </text>
            </switch>
        </g>
        <rect x="110" y="165" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 180px; margin-left: 111px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                sw1
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="125" y="184" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    sw1
                </text>
            </switch>
        </g>
        <rect x="110" y="265" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 280px; margin-left: 111px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                sw2
                                <span style="font-family: monospace ; font-size: 0px">
                                    %3CmxGraphModel%3E%3Croot%3E%3CmxCell%20id%3D%220%22%2F%3E%3CmxCell%20id%3D%221%22%20parent%3D%220%22%2F%3E%3CmxCell%20id%3D%222%22%20value%3D%22sw1%22%20style%3D%22text%3Bhtml%3D1%3BstrokeColor%3Dnone%3BfillColor%3Dnone%3Balign%3Dcenter%3BverticalAlign%3Dmiddle%3BwhiteSpace%3Dwrap%3Brounded%3D0%3B%22%20vertex%3D%221%22%20parent%3D%221%22%3E%3CmxGeometry%20x%3D%22260%22%20y%3D%22425%22%20width%3D%2230%22%20height%3D%2230%22%20as%3D%22geometry%22%2F%3E%3C%2FmxCell%3E%3C%2Froot%3E%3C%2FmxGraphModel%3E
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="125" y="284" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    sw2%3...
                </text>
            </switch>
        </g>
        <rect x="354" y="165" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 180px; margin-left: 355px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                sw3
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="369" y="184" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    sw3
                </text>
            </switch>
        </g>
        <rect x="354" y="265" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 280px; margin-left: 355px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                sw4
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="369" y="284" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    sw4
                </text>
            </switch>
        </g>
        <path d="M 250 80 L 250 163.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 250 168.88 L 246.5 161.88 L 250 163.63 L 253.5 161.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 215 20 L 255 20 L 285 50 L 285 80 L 215 80 L 215 20 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 255 20 L 255 50 L 285 50 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
        <path d="M 255 20 L 255 50 L 285 50" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <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: 50px; margin-left: 216px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <br/>
                                <br/>
                                Table config
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="250" y="54" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Table confi...
                </text>
            </switch>
        </g>
    </g>
    <switch>
        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" 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>