distributed-discord4j-bot-writer-leaders.svg

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="961px"
     height="741px" viewBox="-0.5 -0.5 961 741"
     content="&lt;mxfile host=&quot;Electron&quot; modified=&quot;2020-05-14T03:35:58.085Z&quot; agent=&quot;5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/13.0.3 Chrome/80.0.3987.163 Electron/8.2.1 Safari/537.36&quot; etag=&quot;RV_3WfkxF9gVQj8TxR9k&quot; version=&quot;13.0.3&quot; type=&quot;device&quot;&gt;&lt;diagram name=&quot;writer-leaders&quot; id=&quot;7WDIcQGhRCwa__K8AasK&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;"
     style="background-color: rgb(255, 255, 255);">
    <defs/>
    <g>
        <rect x="410" y="10" width="140" height="720" fill="none" stroke="#999999" stroke-opacity="0.5"
              stroke-dasharray="3 3" 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: 138px; height: 1px; padding-top: 17px; margin-left: 411px;">
                        <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; ">
                                Middleware
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="480" y="29" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Middleware
                </text>
            </switch>
        </g>
        <rect x="420" y="590" width="120" height="80" fill-opacity="0.6" fill="#ffe6cc" stroke="#d79b00"
              stroke-opacity="0.6" 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: 118px; height: 1px; padding-top: 597px; margin-left: 421px;">
                        <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; white-space: normal; word-wrap: normal; ">
                                Repository
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="480" y="608" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Repository
                </text>
            </switch>
        </g>
        <rect x="420" y="440" width="120" height="140" fill-opacity="0.6" fill="#d5e8d4" stroke="#82b366"
              stroke-opacity="0.6" 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: 510px; margin-left: 421px;">
                        <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; white-space: normal; word-wrap: normal; ">
                                Payload Broker
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="480" y="513" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Payload Broker
                </text>
            </switch>
        </g>
        <rect x="420" y="170" width="120" height="260" fill-opacity="0.6" fill="#f8cecc" stroke="#b85450"
              stroke-opacity="0.6" 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: 118px; height: 1px; padding-top: 177px; margin-left: 421px;">
                        <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; white-space: normal; word-wrap: normal; ">
                                Service
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="480" y="188" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Service
                </text>
            </switch>
        </g>
        <rect x="10" y="10" width="380" height="720" fill="none" stroke="#999999" stroke-opacity="0.5"
              stroke-dasharray="3 3" 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: 378px; height: 1px; padding-top: 17px; margin-left: 11px;">
                        <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; ">
                                Leaders (
                                <b>
                                    <font color="#97d077">M</font>
                                </b>
                                leaders over
                                <b>
                                    <font color="#b5739d">N</font>
                                </b>
                                shards)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="200" y="29" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Leaders (M leaders over N shards)
                </text>
            </switch>
        </g>
        <rect x="570" y="10" width="380" height="720" fill="none" stroke="#999999" stroke-opacity="0.5"
              stroke-dasharray="3 3" 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: 378px; height: 1px; padding-top: 17px; margin-left: 571px;">
                        <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; ">
                                Workers (
                                <b>
                                    <font color="#97d077">K</font>
                                </b>
                                instances)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="760" y="29" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Workers (K instances)
                </text>
            </switch>
        </g>
        <rect x="80" y="290" width="240" height="40" fill="#7289da" stroke="#23272a" 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: 238px; height: 1px; padding-top: 310px; margin-left: 81px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #ffffff; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Gateway
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="200" y="313" fill="#ffffff" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Gateway
                </text>
            </switch>
        </g>
        <path d="M 60 490 L 60 470 L 433.63 470" fill="none" stroke="#82b366" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 438.88 470 L 431.88 473.5 L 433.63 470 L 431.88 466.5 Z" fill="#82b366" stroke="#82b366"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 70 483.63 L 70 450 L 370 450 L 370 150 L 200 150 L 200 136.37" fill="none" stroke="#7289da"
              stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 70 488.88 L 66.5 481.88 L 70 483.63 L 73.5 481.88 Z" fill="#7289da" stroke="#7289da"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 200 131.12 L 203.5 138.12 L 200 136.37 L 196.5 138.12 Z" fill="#7289da" stroke="#7289da"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 50 530 L 50 640 L 453.63 640" fill="none" stroke="#d79b00" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 458.88 640 L 451.88 643.5 L 453.63 640 L 451.88 636.5 Z" fill="#d79b00" stroke="#d79b00"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 86.37 510 L 100 510 L 100 460 L 380 460 L 380 300 L 413.63 300" fill="none" stroke="#b85450"
              stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 81.12 510 L 88.12 506.5 L 86.37 510 L 88.12 513.5 Z" fill="#b85450" stroke="#b85450"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 418.88 300 L 411.88 303.5 L 413.63 300 L 411.88 296.5 Z" fill="#b85450" stroke="#b85450"
              stroke-miterlimit="10" pointer-events="all"/>
        <rect x="40" y="490" width="40" height="40" fill="#d5e8d4" stroke="#82b366" 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: 38px; height: 1px; padding-top: 510px; margin-left: 41px;">
                        <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; white-space: normal; word-wrap: normal; ">
                                L
                                <sub style="font-size: 11px">1</sub>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="60" y="513" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">L1
                </text>
            </switch>
        </g>
        <path d="M 500 640 L 690 640 L 690 536.37" fill="none" stroke="#d79b00" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 690 531.12 L 693.5 538.12 L 690 536.37 L 686.5 538.12 Z" fill="#d79b00" stroke="#d79b00"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 500 640 L 890 640 L 890 536.37" fill="none" stroke="#d79b00" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 890 531.12 L 893.5 538.12 L 890 536.37 L 886.5 538.12 Z" fill="#d79b00" stroke="#d79b00"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 500 640 L 770 640 L 770 536.37" fill="none" stroke="#d79b00" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 770 531.12 L 773.5 538.12 L 770 536.37 L 766.5 538.12 Z" fill="#d79b00" stroke="#d79b00"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 460 628 C 460 617.33 500 617.33 500 628 L 500 652 C 500 662.67 460 662.67 460 652 Z" fill="#ffe6cc"
              stroke="#d79b00" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 460 628 C 460 636 500 636 500 628" fill="none" stroke="#d79b00" stroke-miterlimit="10"
              pointer-events="all"/>
        <path d="M 520 470 L 620 470 L 620 483.63" fill="none" stroke="#82b366" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 620 488.88 L 616.5 481.88 L 620 483.63 L 623.5 481.88 Z" fill="#82b366" stroke="#82b366"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 520 470 L 700 470 L 700 483.63" fill="none" stroke="#82b366" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 700 488.88 L 696.5 481.88 L 700 483.63 L 703.5 481.88 Z" fill="#82b366" stroke="#82b366"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 520 470 L 900 470 L 900 483.63" fill="none" stroke="#82b366" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 900 488.88 L 896.5 481.88 L 900 483.63 L 903.5 481.88 Z" fill="#82b366" stroke="#82b366"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 520 470 L 780 470 L 780 483.63" fill="none" stroke="#82b366" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 780 488.88 L 776.5 481.88 L 780 483.63 L 783.5 481.88 Z" fill="#82b366" stroke="#82b366"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 447.35 460 L 512.65 460 C 516.71 460 520 464.48 520 470 C 520 475.52 516.71 480 512.65 480 L 447.35 480 C 443.29 480 440 475.52 440 470 C 440 464.48 443.29 460 447.35 460 Z"
              fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 512.65 460 C 508.6 460 505.31 464.48 505.31 470 C 505.31 475.52 508.6 480 512.65 480" fill="none"
              stroke="#82b366" 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: 78px; height: 1px; padding-top: 470px; margin-left: 441px;">
                        <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; font-style: italic; white-space: normal; word-wrap: normal; ">
                                inbound
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="480" y="473" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle"
                      font-style="italic">inbound
                </text>
            </switch>
        </g>
        <path d="M 440 550 L 60 550 L 60 536.37" fill="none" stroke="#82b366" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 60 531.12 L 63.5 538.12 L 60 536.37 L 56.5 538.12 Z" fill="#82b366" stroke="#82b366"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 440 550 L 340 550 L 340 536.37" fill="none" stroke="#82b366" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 340 531.12 L 343.5 538.12 L 340 536.37 L 336.5 538.12 Z" fill="#82b366" stroke="#82b366"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 447.35 540 L 512.65 540 C 516.71 540 520 544.48 520 550 C 520 555.52 516.71 560 512.65 560 L 447.35 560 C 443.29 560 440 555.52 440 550 C 440 544.48 443.29 540 447.35 540 Z"
              fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 512.65 540 C 508.6 540 505.31 544.48 505.31 550 C 505.31 555.52 508.6 560 512.65 560" fill="none"
              stroke="#82b366" 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: 78px; height: 1px; padding-top: 550px; margin-left: 441px;">
                        <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; font-style: italic; white-space: normal; word-wrap: normal; ">
                                outbound
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="480" y="553" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle"
                      font-style="italic">outbound
                </text>
            </switch>
        </g>
        <path d="M 620 530 L 620 550 L 526.37 550" fill="none" stroke="#82b366" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 521.12 550 L 528.12 546.5 L 526.37 550 L 528.12 553.5 Z" fill="#82b366" stroke="#82b366"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 610 483.63 L 610 300 L 546.37 300" fill="none" stroke="#b85450" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 610 488.88 L 606.5 481.88 L 610 483.63 L 613.5 481.88 Z" fill="#b85450" stroke="#b85450"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 541.12 300 L 548.12 296.5 L 546.37 300 L 548.12 303.5 Z" fill="#b85450" stroke="#b85450"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 630 483.63 L 630 150 L 200 150 L 200 136.37" fill="none" stroke="#7289da" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 630 488.88 L 626.5 481.88 L 630 483.63 L 633.5 481.88 Z" fill="#7289da" stroke="#7289da"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 200 131.12 L 203.5 138.12 L 200 136.37 L 196.5 138.12 Z" fill="#7289da" stroke="#7289da"
              stroke-miterlimit="10" pointer-events="all"/>
        <rect x="600" y="490" width="40" height="40" fill="#d5e8d4" stroke="#82b366" 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: 38px; height: 1px; padding-top: 510px; margin-left: 601px;">
                        <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; white-space: normal; word-wrap: normal; ">
                                W
                                <sub style="font-size: 11px">1</sub>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="620" y="513" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">W1
                </text>
            </switch>
        </g>
        <path d="M 700 530 L 700 550 L 526.37 550" fill="none" stroke="#82b366" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 521.12 550 L 528.12 546.5 L 526.37 550 L 528.12 553.5 Z" fill="#82b366" stroke="#82b366"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 690 483.63 L 690 300 L 546.37 300" fill="none" stroke="#b85450" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 690 488.88 L 686.5 481.88 L 690 483.63 L 693.5 481.88 Z" fill="#b85450" stroke="#b85450"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 541.12 300 L 548.12 296.5 L 546.37 300 L 548.12 303.5 Z" fill="#b85450" stroke="#b85450"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 710 483.63 L 710 150 L 200 150 L 200 136.37" fill="none" stroke="#7289da" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 710 488.88 L 706.5 481.88 L 710 483.63 L 713.5 481.88 Z" fill="#7289da" stroke="#7289da"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 200 131.12 L 203.5 138.12 L 200 136.37 L 196.5 138.12 Z" fill="#7289da" stroke="#7289da"
              stroke-miterlimit="10" pointer-events="all"/>
        <rect x="680" y="490" width="40" height="40" fill="#d5e8d4" stroke="#82b366" 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: 38px; height: 1px; padding-top: 510px; margin-left: 681px;">
                        <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; white-space: normal; word-wrap: normal; ">
                                W
                                <sub style="font-size: 11px">2</sub>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="700" y="513" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">W2
                </text>
            </switch>
        </g>
        <path d="M 890 483.63 L 890 300 L 546.37 300" fill="none" stroke="#b85450" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 890 488.88 L 886.5 481.88 L 890 483.63 L 893.5 481.88 Z" fill="#b85450" stroke="#b85450"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 541.12 300 L 548.12 296.5 L 546.37 300 L 548.12 303.5 Z" fill="#b85450" stroke="#b85450"
              stroke-miterlimit="10" pointer-events="all"/>
        <rect x="880" y="490" width="40" height="40" fill="#d5e8d4" stroke="#82b366" 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: 38px; height: 1px; padding-top: 510px; margin-left: 881px;">
                        <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; white-space: normal; word-wrap: normal; ">
                                W
                                <span style="font-size: 11px">
                                    <sub style="font-size: 11px">K</sub>
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="900" y="513" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">WK
                </text>
            </switch>
        </g>
        <rect x="800" y="500" width="80" 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: 78px; height: 1px; padding-top: 510px; margin-left: 801px;">
                        <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; white-space: normal; word-wrap: normal; ">
                                ...
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="840" y="513" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">...
                </text>
            </switch>
        </g>
        <path d="M 546.37 300 L 770 300 L 770 483.63" fill="none" stroke="#b85450" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 541.12 300 L 548.12 296.5 L 546.37 300 L 548.12 303.5 Z" fill="#b85450" stroke="#b85450"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 770 488.88 L 766.5 481.88 L 770 483.63 L 773.5 481.88 Z" fill="#b85450" stroke="#b85450"
              stroke-miterlimit="10" pointer-events="all"/>
        <rect x="440" y="290" width="80" height="40" fill="#f8cecc" stroke="#b85450" 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: 310px; margin-left: 441px;">
                        <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; white-space: normal; word-wrap: normal; ">
                                Global Rate Limiter
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="480" y="313" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Global Rate Li...
                </text>
            </switch>
        </g>
        <rect x="440" y="210" width="80" height="40" fill="#f8cecc" stroke="#b85450" 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: 230px; margin-left: 441px;">
                        <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; white-space: normal; word-wrap: normal; ">
                                Router
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="480" y="233" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Router
                </text>
            </switch>
        </g>
        <rect x="440" y="370" width="80" height="40" fill="#f8cecc" stroke="#b85450" 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: 390px; margin-left: 441px;">
                        <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; white-space: normal; word-wrap: normal; ">
                                Shard Coordinator
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="480" y="393" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">Shard
                    Coordina...
                </text>
            </switch>
        </g>
        <path d="M 200 136.37 L 200 150 L 790 150 L 790 483.63" fill="none" stroke="#7289da" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 200 131.12 L 203.5 138.12 L 200 136.37 L 196.5 138.12 Z" fill="#7289da" stroke="#7289da"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 790 488.88 L 786.5 481.88 L 790 483.63 L 793.5 481.88 Z" fill="#7289da" stroke="#7289da"
              stroke-miterlimit="10" pointer-events="all"/>
        <rect x="80" y="90" width="240" height="40" fill="#7289da" stroke="#2c2f33" 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: 238px; height: 1px; padding-top: 110px; margin-left: 81px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #ffffff; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                REST API
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="200" y="113" fill="#ffffff" font-family="Helvetica" font-size="11px" text-anchor="middle">REST
                    API
                </text>
            </switch>
        </g>
        <path d="M 500 640 L 610 640 L 610 536.37" fill="none" stroke="#d79b00" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 610 531.12 L 613.5 538.12 L 610 536.37 L 606.5 538.12 Z" fill="#d79b00" stroke="#d79b00"
              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: 640px; margin-left: 570px;">
                        <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; ">
                                read
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="570" y="643" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    read
                </text>
            </switch>
        </g>
        <rect x="760" y="490" width="40" height="40" fill="#d5e8d4" stroke="#82b366" 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: 38px; height: 1px; padding-top: 510px; margin-left: 761px;">
                        <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; white-space: normal; word-wrap: normal; ">
                                W
                                <sub style="font-size: 11px">3</sub>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="780" y="513" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">W3
                </text>
            </switch>
        </g>
        <path d="M 780 530 L 780 550 L 526.37 550" fill="none" stroke="#82b366" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 521.12 550 L 528.12 546.5 L 526.37 550 L 528.12 553.5 Z" fill="#82b366" stroke="#82b366"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 910 483.63 L 910 150 L 200 150 L 200 136.37" fill="none" stroke="#7289da" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 910 488.88 L 906.5 481.88 L 910 483.63 L 913.5 481.88 Z" fill="#7289da" stroke="#7289da"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 200 131.12 L 203.5 138.12 L 200 136.37 L 196.5 138.12 Z" fill="#7289da" stroke="#7289da"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 900 530 L 900 550 L 526.37 550" fill="none" stroke="#82b366" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 521.12 550 L 528.12 546.5 L 526.37 550 L 528.12 553.5 Z" fill="#82b366" stroke="#82b366"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 50 416.37 L 50 483.63" fill="none" stroke="#9673a6" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 50 411.12 L 53.5 418.12 L 50 416.37 L 46.5 418.12 Z" fill="#9673a6" stroke="#9673a6"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 50 488.88 L 46.5 481.88 L 50 483.63 L 53.5 481.88 Z" fill="#9673a6" stroke="#9673a6"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 50 363.63 L 50 350 L 200 350 L 200 336.37" fill="none" stroke="#9673a6" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 50 368.88 L 46.5 361.88 L 50 363.63 L 53.5 361.88 Z" fill="#9673a6" stroke="#9673a6"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 200 331.12 L 203.5 338.12 L 200 336.37 L 196.5 338.12 Z" fill="#9673a6" stroke="#9673a6"
              stroke-miterlimit="10" pointer-events="all"/>
        <rect x="40" y="370" width="40" height="40" fill="#e1d5e7" stroke="#9673a6" 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: 38px; height: 1px; padding-top: 390px; margin-left: 41px;">
                        <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; white-space: normal; word-wrap: normal; ">
                                S
                                <sub style="font-size: 11px">0</sub>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="60" y="393" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">S0
                </text>
            </switch>
        </g>
        <path d="M 90 416.37 L 90 440 L 50 440 L 50 483.63" fill="none" stroke="#9673a6" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 90 411.12 L 93.5 418.12 L 90 416.37 L 86.5 418.12 Z" fill="#9673a6" stroke="#9673a6"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 50 488.88 L 46.5 481.88 L 50 483.63 L 53.5 481.88 Z" fill="#9673a6" stroke="#9673a6"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 90 363.63 L 90 350 L 200 350 L 200 336.37" fill="none" stroke="#9673a6" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 90 368.88 L 86.5 361.88 L 90 363.63 L 93.5 361.88 Z" fill="#9673a6" stroke="#9673a6"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 200 331.12 L 203.5 338.12 L 200 336.37 L 196.5 338.12 Z" fill="#9673a6" stroke="#9673a6"
              stroke-miterlimit="10" pointer-events="all"/>
        <rect x="80" y="370" width="40" height="40" fill="#e1d5e7" stroke="#9673a6" 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: 38px; height: 1px; padding-top: 390px; margin-left: 81px;">
                        <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; white-space: normal; word-wrap: normal; ">
                                S
                                <sub style="font-size: 11px">1</sub>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="100" y="393" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">S1
                </text>
            </switch>
        </g>
        <path d="M 130 416.37 L 130 440 L 50 440 L 50 483.63" fill="none" stroke="#9673a6" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 130 411.12 L 133.5 418.12 L 130 416.37 L 126.5 418.12 Z" fill="#9673a6" stroke="#9673a6"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 50 488.88 L 46.5 481.88 L 50 483.63 L 53.5 481.88 Z" fill="#9673a6" stroke="#9673a6"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 130 363.63 L 130 350 L 200 350 L 200 336.37" fill="none" stroke="#9673a6" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 130 368.88 L 126.5 361.88 L 130 363.63 L 133.5 361.88 Z" fill="#9673a6" stroke="#9673a6"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 200 331.12 L 203.5 338.12 L 200 336.37 L 196.5 338.12 Z" fill="#9673a6" stroke="#9673a6"
              stroke-miterlimit="10" pointer-events="all"/>
        <rect x="120" y="370" width="40" height="40" fill="#e1d5e7" stroke="#9673a6" 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: 38px; height: 1px; padding-top: 390px; margin-left: 121px;">
                        <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; white-space: normal; word-wrap: normal; ">
                                S
                                <sub style="font-size: 11px">2</sub>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="140" y="393" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">S2
                </text>
            </switch>
        </g>
        <path d="M 180 490 L 180 470 L 433.63 470" fill="none" stroke="#82b366" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 438.88 470 L 431.88 473.5 L 433.63 470 L 431.88 466.5 Z" fill="#82b366" stroke="#82b366"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 190 483.63 L 190 450 L 370 450 L 370 150 L 200 150 L 200 136.37" fill="none" stroke="#7289da"
              stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 190 488.88 L 186.5 481.88 L 190 483.63 L 193.5 481.88 Z" fill="#7289da" stroke="#7289da"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 200 131.12 L 203.5 138.12 L 200 136.37 L 196.5 138.12 Z" fill="#7289da" stroke="#7289da"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 170 530 L 170 640 L 453.63 640" fill="none" stroke="#d79b00" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 458.88 640 L 451.88 643.5 L 453.63 640 L 451.88 636.5 Z" fill="#d79b00" stroke="#d79b00"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 206.37 510 L 220 510 L 220 460 L 380 460 L 380 300 L 413.63 300" fill="none" stroke="#b85450"
              stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 201.12 510 L 208.12 506.5 L 206.37 510 L 208.12 513.5 Z" fill="#b85450" stroke="#b85450"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 418.88 300 L 411.88 303.5 L 413.63 300 L 411.88 296.5 Z" fill="#b85450" stroke="#b85450"
              stroke-miterlimit="10" pointer-events="all"/>
        <rect x="160" y="490" width="40" height="40" fill="#d5e8d4" stroke="#82b366" 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: 38px; height: 1px; padding-top: 510px; margin-left: 161px;">
                        <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; white-space: normal; word-wrap: normal; ">
                                L
                                <sub style="font-size: 11px">2</sub>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="180" y="513" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">L2
                </text>
            </switch>
        </g>
        <path d="M 340 490 L 340 470 L 433.63 470" fill="none" stroke="#82b366" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 438.88 470 L 431.88 473.5 L 433.63 470 L 431.88 466.5 Z" fill="#82b366" stroke="#82b366"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 350 483.63 L 350 450 L 370 450 L 370 150 L 200 150 L 200 136.37" fill="none" stroke="#7289da"
              stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 350 488.88 L 346.5 481.88 L 350 483.63 L 353.5 481.88 Z" fill="#7289da" stroke="#7289da"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 200 131.12 L 203.5 138.12 L 200 136.37 L 196.5 138.12 Z" fill="#7289da" stroke="#7289da"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 366.37 510 L 380 510 L 380 300 L 413.63 300" fill="none" stroke="#b85450" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 361.12 510 L 368.12 506.5 L 366.37 510 L 368.12 513.5 Z" fill="#b85450" stroke="#b85450"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 418.88 300 L 411.88 303.5 L 413.63 300 L 411.88 296.5 Z" fill="#b85450" stroke="#b85450"
              stroke-miterlimit="10" pointer-events="all"/>
        <rect x="320" y="490" width="40" height="40" fill="#d5e8d4" stroke="#82b366" 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: 38px; height: 1px; padding-top: 510px; margin-left: 321px;">
                        <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; white-space: normal; word-wrap: normal; ">
                                L
                                <sub style="font-size: 11px">M</sub>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="340" y="513" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">LM
                </text>
            </switch>
        </g>
        <rect x="220" y="500" width="80" 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: 78px; height: 1px; padding-top: 510px; margin-left: 221px;">
                        <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; white-space: normal; word-wrap: normal; ">
                                ...
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="260" y="513" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">...
                </text>
            </switch>
        </g>
        <path d="M 170 416.37 L 170 483.63" fill="none" stroke="#9673a6" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 170 411.12 L 173.5 418.12 L 170 416.37 L 166.5 418.12 Z" fill="#9673a6" stroke="#9673a6"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 170 488.88 L 166.5 481.88 L 170 483.63 L 173.5 481.88 Z" fill="#9673a6" stroke="#9673a6"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 170 363.63 L 170 350 L 200 350 L 200 336.37" fill="none" stroke="#9673a6" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 170 368.88 L 166.5 361.88 L 170 363.63 L 173.5 361.88 Z" fill="#9673a6" stroke="#9673a6"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 200 331.12 L 203.5 338.12 L 200 336.37 L 196.5 338.12 Z" fill="#9673a6" stroke="#9673a6"
              stroke-miterlimit="10" pointer-events="all"/>
        <rect x="160" y="370" width="40" height="40" fill="#e1d5e7" stroke="#9673a6" 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: 38px; height: 1px; padding-top: 390px; margin-left: 161px;">
                        <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; white-space: normal; word-wrap: normal; ">
                                S
                                <sub style="font-size: 11px">3</sub>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="180" y="393" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">S3
                </text>
            </switch>
        </g>
        <path d="M 210 416.37 L 210 440 L 170 440 L 170 483.63" fill="none" stroke="#9673a6" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 210 411.12 L 213.5 418.12 L 210 416.37 L 206.5 418.12 Z" fill="#9673a6" stroke="#9673a6"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 170 488.88 L 166.5 481.88 L 170 483.63 L 173.5 481.88 Z" fill="#9673a6" stroke="#9673a6"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 210 363.63 L 210 350 L 200 350 L 200 336.37" fill="none" stroke="#9673a6" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 210 368.88 L 206.5 361.88 L 210 363.63 L 213.5 361.88 Z" fill="#9673a6" stroke="#9673a6"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 200 331.12 L 203.5 338.12 L 200 336.37 L 196.5 338.12 Z" fill="#9673a6" stroke="#9673a6"
              stroke-miterlimit="10" pointer-events="all"/>
        <rect x="200" y="370" width="40" height="40" fill="#e1d5e7" stroke="#9673a6" 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: 38px; height: 1px; padding-top: 390px; margin-left: 201px;">
                        <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; white-space: normal; word-wrap: normal; ">
                                S
                                <sub style="font-size: 11px">4</sub>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="220" y="393" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">S4
                </text>
            </switch>
        </g>
        <path d="M 330 416.37 L 330 483.63" fill="none" stroke="#9673a6" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 330 411.12 L 333.5 418.12 L 330 416.37 L 326.5 418.12 Z" fill="#9673a6" stroke="#9673a6"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 330 488.88 L 326.5 481.88 L 330 483.63 L 333.5 481.88 Z" fill="#9673a6" stroke="#9673a6"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 330 363.63 L 330 350 L 200 350 L 200 336.37" fill="none" stroke="#9673a6" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 330 368.88 L 326.5 361.88 L 330 363.63 L 333.5 361.88 Z" fill="#9673a6" stroke="#9673a6"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 200 331.12 L 203.5 338.12 L 200 336.37 L 196.5 338.12 Z" fill="#9673a6" stroke="#9673a6"
              stroke-miterlimit="10" pointer-events="all"/>
        <rect x="320" y="370" width="40" height="40" fill="#e1d5e7" stroke="#9673a6" 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: 38px; height: 1px; padding-top: 390px; margin-left: 321px;">
                        <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; white-space: normal; word-wrap: normal; ">
                                S
                                <sub style="font-size: 11px">N</sub>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="340" y="393" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">SN
                </text>
            </switch>
        </g>
        <rect x="240" y="380" width="80" 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: 78px; height: 1px; padding-top: 390px; margin-left: 241px;">
                        <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; white-space: normal; word-wrap: normal; ">
                                ...
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="280" y="393" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">...
                </text>
            </switch>
        </g>
        <path d="M 440 550 L 180 550 L 180 536.37" fill="none" stroke="#82b366" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 180 531.12 L 183.5 538.12 L 180 536.37 L 176.5 538.12 Z" fill="#82b366" stroke="#82b366"
              stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 330 530 L 330 640 L 453.63 640" fill="none" stroke="#d79b00" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 458.88 640 L 451.88 643.5 L 453.63 640 L 451.88 636.5 Z" fill="#d79b00" stroke="#d79b00"
              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: 640px; margin-left: 387px;">
                        <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; ">
                                write
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="387" y="643" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    write
                </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>