DataLoRa.drawio.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Do not edit this file with editors other than diagrams.net -->

<svg
   version="1.1"
   width="601px"
   height="931px"
   viewBox="-0.5 -0.5 601 931"
   content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2021-12-29T10:07:41.738Z&quot; agent=&quot;5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36&quot; etag=&quot;ovjHjD1bnidai2Q53lVt&quot; version=&quot;15.5.8&quot;&gt;&lt;diagram id=&quot;grnbF-ffa3dMvVA7rqVS&quot; name=&quot;Page-1&quot;&gt;5Vrbcts2EP0azbQP0RC86PJoW3bqVk7UypkkjxAJkYhBggUhS8rXd0GCpChQtpKRRLd9sYnFhcDZPbvYpXrOTbx5L3AaPfCAsJ5tBZueM+nZtm05HvxTkm0hQdZgXEhCQQMtqwVz+p2UA7V0RQOSNQZKzpmkaVPo8yQhvmzIsBB83Ry25Kz51hSHxBDMfcxM6WcayKiQjjyrlv9GaBiVb0aW7olxOVgLsggHfL0jcm57zo3gXBZP8eaGMIVeiUsx7+5Ab7UxQRJ5zITb2X00QU9kie/I8O9v7z8N2d07NUEt84zZSp9Y71ZuSwgEXyUBUatYPed6HVFJ5in2Ve8atA6ySMYMWgge9XJESLI5uFFUHR8Mh/CYSLGFIeWEsUZM24xT2sK6VoBbjol2wPfKgVgrPazWrnGBBw3Nj8BkvT2YXHcPJseEqTK+XZiqiSeHyTVQEnit2I8lNvAiARBNN7mQEQ95gtltLb1uIlqPmXKeahy/ESm32mvgleRNlAFJsf2i5+eNr6rR98rmZLPbOdnqVrFXtcGXdQPn4SvhkxcgKX0WFiGRL4xz2nUtCMOSPjf3cXK9IUNvD1g80wRkv0z5X/jXF4wdXcTYR01bH5mmjtpMfXAuSx93Ys4bKr/UBgytrzs9tS2rxnbXsHcmVSS4HAXsIykw7JICZhyMeCZpEqpDC/4MtxDRswcMDnC9UE+hemJc4H4crLlgQT9hndOkMnjNE9vtmigDA9c5SR6mPbUJOLGl3Av8Y9wHJfOk2yjRGUWcIylid0kRx1DlH7MPJiceI2BNZlIh4vFilb1OgyVl7IYDs/J5TuCRUeCCPJOCP5GdnpG9cAaDExFnL8AMTd6MWmgzOhdtPANryILAHRUkca7UPqSEHAgMMAlSTuGY+4gDGrIJLWY0hNkTH1ABd+ZcK8woJDtXuiOmQVCQimT0O17kSylbz9+QH9K77nkTtRbwKCsohQztJDwhe6rUohPoyhm+qis0aFGWfS5llWnHZd3WCd3P8Ej3M+rS/QwNSnwIabLJ3w/2lJEiUm+2uSmAJUBwITIjiS+2KbDDms+nby5AO4OuAzQyM9k3HHPz1owICodXHuzUgXh0JBPQATVfKF8zQ/FagOmCiCds26rQKV4Qdr5wcJAbujCnJ/cqL7yrnRcM8yCT3ll9221wqUxjj9aBXntWRM9qCF8uMyINJVVb+Hm9jUwXBjH693m+aZ/AnltyjBToBQMcy0FmJ/Z9kkp1DZh9nD/m+s+v1nc4pfBX5Sed+zx3v57Xvc8b/MsDNjq2rIS8Tv1US2Hpz8dH04wNdWQRTtWjv2UUUBfO65a6KPQzXVQC7D+FudY+riQsU11V9a3VO415e3bTvKv2jnm3XUfPljsg0818JgsQfLrvNNSDx7Zgbz9UiT13vEfusUTqtDqFzMr6lS8hrzrEm1XMigF1UM8vADPI2YoUcrLgUvK4JepLvscsXtDnpvrEZp2GOdUXC82cMfIM5jgXjQtm2l0FaJ9RdSwzAicB9F7N7pUVcXX+Vf6i4puHtRSAsW0Vbu+NBeJB59VBNDbtOkcSzNGspnaYl6BX/NQpXdKx2XjHsd3Mxw2Fvep6qm/iCsMAZ1GlOyM32VFSu8MqKlDlR3pUrJ47w3gTql8n9GPuP63Sfkwzvx/n/Goy8CQU8xoUG41bKIZaKIbO9+3avIRNAAiVakByFqc8r5yoi1J6xMXsv1pUdPcKwG1f05F7yaqibSb5U5qsVMErIyJPFf8nurGtPd203LDbqvM/oRpo1r/IKdL++odNzu0/&lt;/diagram&gt;&lt;/mxfile&gt;"
   id="svg420"
   sodipodi:docname="DataLoRa.drawio.svg"
   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns:xhtml="http://www.w3.org/1999/xhtml">
  <sodipodi:namedview
     id="namedview422"
     pagecolor="#f4f4ff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageshadow="2"
     inkscape:pageopacity="1"
     inkscape:pagecheckerboard="0"
     showgrid="false"
     inkscape:zoom="0.9377014"
     inkscape:cx="-66.119129"
     inkscape:cy="465.5"
     inkscape:window-width="2533"
     inkscape:window-height="1352"
     inkscape:window-x="26"
     inkscape:window-y="23"
     inkscape:window-maximized="0"
     inkscape:current-layer="svg420" />
  <defs
     id="defs2" />
  <rect
     style="opacity:1;fill:#ececec;fill-opacity:1;stroke:none;stroke-width:1.13386;stroke-linecap:butt;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
     id="rect657"
     width="608.81909"
     height="930.83942"
     x="0"
     y="0" />
  <g
     id="g410">
    <rect
       x="110"
       y="240"
       width="490"
       height="510"
       fill="#ffffff"
       stroke="#000000"
       pointer-events="all"
       id="rect4" />
    <rect
       x="360"
       y="260"
       width="220"
       height="440"
       fill="#ffffff"
       stroke="#000000"
       pointer-events="all"
       id="rect6" />
    <path
       d="M 120 40 L 193.63 40"
       fill="none"
       stroke="#000000"
       stroke-miterlimit="10"
       pointer-events="stroke"
       id="path8" />
    <path
       d="M 198.88 40 L 191.88 43.5 L 193.63 40 L 191.88 36.5 Z"
       fill="#000000"
       stroke="#000000"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path10" />
    <g
       transform="translate(-0.5 -0.5)"
       id="g16">
      <switch
         id="switch14">
        <foreignObject
           pointer-events="none"
           width="100%"
           height="100%"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 40px; margin-left: 160px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0px; text-align: center;">
              <xhtml:div
                 style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">raw data</xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           x="160"
           y="43"
           fill="#000000"
           font-family="Helvetica"
           font-size="11px"
           text-anchor="middle"
           id="text12">raw data</text>
      </switch>
    </g>
    <rect
       x="0"
       y="10"
       width="120"
       height="60"
       rx="9"
       ry="9"
       fill="#ffffff"
       stroke="#000000"
       pointer-events="all"
       id="rect18" />
    <g
       transform="translate(-0.5 -0.5)"
       id="g24">
      <switch
         id="switch22">
        <foreignObject
           pointer-events="none"
           width="100%"
           height="100%"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 40px; margin-left: 1px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0px; text-align: center;">
              <xhtml: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;">Marvin (LoRa)</xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           x="60"
           y="44"
           fill="#000000"
           font-family="Helvetica"
           font-size="12px"
           text-anchor="middle"
           id="text20">Marvin (LoRa)</text>
      </switch>
    </g>
    <path
       d="M 240 230 L 240 283.63"
       fill="none"
       stroke="#000000"
       stroke-miterlimit="10"
       pointer-events="stroke"
       id="path26" />
    <path
       d="M 240 288.88 L 236.5 281.88 L 240 283.63 L 243.5 281.88 Z"
       fill="#000000"
       stroke="#000000"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path28" />
    <rect
       x="180"
       y="170"
       width="120"
       height="60"
       rx="9"
       ry="9"
       fill="#ffffff"
       stroke="#000000"
       pointer-events="all"
       id="rect30" />
    <g
       transform="translate(-0.5 -0.5)"
       id="g36">
      <switch
         id="switch34">
        <foreignObject
           pointer-events="none"
           width="100%"
           height="100%"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 200px; margin-left: 181px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0px; text-align: center;">
              <xhtml: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;">hosting provider<xhtml:br />
lora.mdworld.nl</xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           x="240"
           y="204"
           fill="#000000"
           font-family="Helvetica"
           font-size="12px"
           text-anchor="middle"
           id="text32">hosting provider...</text>
      </switch>
    </g>
    <path
       d="M 240 80 L 240 163.63"
       fill="none"
       stroke="#000000"
       stroke-miterlimit="10"
       pointer-events="stroke"
       id="path38" />
    <path
       d="M 240 168.88 L 236.5 161.88 L 240 163.63 L 243.5 161.88 Z"
       fill="#000000"
       stroke="#000000"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path40" />
    <g
       transform="translate(-0.5 -0.5)"
       id="g46">
      <switch
         id="switch44">
        <foreignObject
           pointer-events="none"
           width="100%"
           height="100%"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 125px; margin-left: 240px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0px; text-align: center;">
              <xhtml:div
                 style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">SenML + LoRa location</xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           x="240"
           y="128"
           fill="#000000"
           font-family="Helvetica"
           font-size="11px"
           text-anchor="middle"
           id="text42">SenML + LoRa location</text>
      </switch>
    </g>
    <path
       d="M 240 0 L 280 40 L 240 80 L 200 40 Z"
       fill="#d5e8d4"
       stroke="#82b366"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path48" />
    <g
       transform="translate(-0.5 -0.5)"
       id="g54">
      <switch
         id="switch52">
        <foreignObject
           pointer-events="none"
           width="100%"
           height="100%"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 40px; margin-left: 201px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0px; text-align: center;">
              <xhtml: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;">KPN<xhtml:br />
Things</xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           x="240"
           y="44"
           fill="#000000"
           font-family="Helvetica"
           font-size="12px"
           text-anchor="middle"
           id="text50">KPN...</text>
      </switch>
    </g>
    <rect
       x="290"
       y="0"
       width="160"
       height="20"
       fill="none"
       stroke="none"
       pointer-events="all"
       id="rect56" />
    <g
       transform="translate(-0.5 -0.5)"
       id="g62">
      <switch
         id="switch60">
        <foreignObject
           pointer-events="none"
           width="100%"
           height="100%"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 10px; margin-left: 370px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0px; text-align: center;">
              <xhtml: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: nowrap;">destination: https endpoint</xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           x="370"
           y="14"
           fill="#000000"
           font-family="Helvetica"
           font-size="12px"
           text-anchor="middle"
           id="text58">destination: https endpoint</text>
      </switch>
    </g>
    <path
       d="M 300 320 L 403.63 320"
       fill="none"
       stroke="#000000"
       stroke-miterlimit="10"
       pointer-events="stroke"
       id="path64" />
    <path
       d="M 408.88 320 L 401.88 323.5 L 403.63 320 L 401.88 316.5 Z"
       fill="#000000"
       stroke="#000000"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path66" />
    <rect
       x="180"
       y="290"
       width="120"
       height="60"
       rx="9"
       ry="9"
       fill="#ffffff"
       stroke="#000000"
       pointer-events="all"
       id="rect68" />
    <g
       transform="translate(-0.5 -0.5)"
       id="g74">
      <switch
         id="switch72">
        <foreignObject
           pointer-events="none"
           width="100%"
           height="100%"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 320px; margin-left: 181px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0px; text-align: center;">
              <xhtml: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;">Nginx reverse proxy with Letsencrypt SSL</xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           x="240"
           y="324"
           fill="#000000"
           font-family="Helvetica"
           font-size="12px"
           text-anchor="middle"
           id="text70">Nginx reverse proxy...</text>
      </switch>
    </g>
    <path
       d="M 470 350 L 470 443.63"
       fill="none"
       stroke="#000000"
       stroke-miterlimit="10"
       pointer-events="stroke"
       id="path76" />
    <path
       d="M 470 448.88 L 466.5 441.88 L 470 443.63 L 473.5 441.88 Z"
       fill="#000000"
       stroke="#000000"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path78" />
    <g
       transform="translate(-0.5 -0.5)"
       id="g84">
      <switch
         id="switch82">
        <foreignObject
           pointer-events="none"
           width="100%"
           height="100%"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 389px; margin-left: 470px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0px; text-align: center;">
              <xhtml:div
                 style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">write only</xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           x="470"
           y="392"
           fill="#000000"
           font-family="Helvetica"
           font-size="11px"
           text-anchor="middle"
           id="text80">write only</text>
      </switch>
    </g>
    <rect
       x="410"
       y="290"
       width="120"
       height="60"
       rx="9"
       ry="9"
       fill="#ffffff"
       stroke="#000000"
       pointer-events="all"
       id="rect86" />
    <g
       transform="translate(-0.5 -0.5)"
       id="g92">
      <switch
         id="switch90">
        <foreignObject
           pointer-events="none"
           width="100%"
           height="100%"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 320px; margin-left: 411px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0px; text-align: center;">
              <xhtml: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;">NextJS receiver<xhtml:br />
port 3031<xhtml:br />
accepts POST on /api/lora</xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           x="470"
           y="324"
           fill="#000000"
           font-family="Helvetica"
           font-size="12px"
           text-anchor="middle"
           id="text88">NextJS receiver...</text>
      </switch>
    </g>
    <path
       d="M 470 530 L 470 563.63"
       fill="none"
       stroke="#000000"
       stroke-miterlimit="10"
       pointer-events="stroke"
       id="path94" />
    <path
       d="M 470 568.88 L 466.5 561.88 L 470 563.63 L 473.5 561.88 Z"
       fill="#000000"
       stroke="#000000"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path96" />
    <path
       d="M 440 465 C 440 456.72 453.43 450 470 450 C 477.96 450 485.59 451.58 491.21 454.39 C 496.84 457.21 500 461.02 500 465 L 500 515 C 500 523.28 486.57 530 470 530 C 453.43 530 440 523.28 440 515 Z"
       fill="#ffffff"
       stroke="#000000"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path98" />
    <path
       d="M 500 465 C 500 473.28 486.57 480 470 480 C 453.43 480 440 473.28 440 465"
       fill="none"
       stroke="#000000"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path100" />
    <g
       transform="translate(-0.5 -0.5)"
       id="g106">
      <switch
         id="switch104">
        <foreignObject
           pointer-events="none"
           width="100%"
           height="100%"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 503px; margin-left: 441px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0px; text-align: center;">
              <xhtml: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;">MQTT<xhtml:br />
</xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           x="470"
           y="506"
           fill="#000000"
           font-family="Helvetica"
           font-size="12px"
           text-anchor="middle"
           id="text102">MQTT
</text>
      </switch>
    </g>
    <path
       d="M 280 875 L 406.65 875"
       fill="none"
       stroke="#000000"
       stroke-miterlimit="10"
       pointer-events="stroke"
       id="path108" />
    <path
       d="M 411.9 875 L 404.9 878.5 L 406.65 875 L 404.9 871.5 Z"
       fill="#000000"
       stroke="#000000"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path110" />
    <g
       transform="translate(-0.5 -0.5)"
       id="g116">
      <switch
         id="switch114">
        <foreignObject
           pointer-events="none"
           width="100%"
           height="100%"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 875px; margin-left: 347px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0px; text-align: center;">
              <xhtml:div
                 style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">Web UI</xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           x="347"
           y="878"
           fill="#000000"
           font-family="Helvetica"
           font-size="11px"
           text-anchor="middle"
           id="text112">Web UI</text>
      </switch>
    </g>
    <ellipse
       cx="265"
       cy="852.5"
       rx="7.5"
       ry="7.5"
       fill="#ffffff"
       stroke="#000000"
       pointer-events="all"
       id="ellipse118" />
    <path
       d="M 265 860 L 265 885 M 265 865 L 250 865 M 265 865 L 280 865 M 265 885 L 250 905 M 265 885 L 280 905"
       fill="none"
       stroke="#000000"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path120" />
    <g
       transform="translate(-0.5 -0.5)"
       id="g126">
      <switch
         id="switch124">
        <foreignObject
           pointer-events="none"
           width="100%"
           height="100%"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;">
          <xhtml:div
             style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 912px; margin-left: 265px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0px; text-align: center;">
              <xhtml: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: nowrap;">Actor</xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           x="265"
           y="924"
           fill="#000000"
           font-family="Helvetica"
           font-size="12px"
           text-anchor="middle"
           id="text122">Actor</text>
      </switch>
    </g>
    <rect
       x="410"
       y="570"
       width="120"
       height="60"
       rx="9"
       ry="9"
       fill="#ffffff"
       stroke="#000000"
       pointer-events="all"
       id="rect128" />
    <g
       transform="translate(-0.5 -0.5)"
       id="g134">
      <switch
         id="switch132">
        <foreignObject
           pointer-events="none"
           width="100%"
           height="100%"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 600px; margin-left: 411px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0px; text-align: center;">
              <xhtml: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;">NextJS client<xhtml:br />
and API to pull data from MQTT</xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           x="470"
           y="604"
           fill="#000000"
           font-family="Helvetica"
           font-size="12px"
           text-anchor="middle"
           id="text130">NextJS client...</text>
      </switch>
    </g>
    <path
       d="M 470 820 L 470 636.37"
       fill="none"
       stroke="#000000"
       stroke-miterlimit="10"
       pointer-events="stroke"
       id="path136" />
    <path
       d="M 470 631.12 L 473.5 638.12 L 470 636.37 L 466.5 638.12 Z"
       fill="#000000"
       stroke="#000000"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path138" />
    <g
       transform="translate(-0.5 -0.5)"
       id="g144">
      <switch
         id="switch142">
        <foreignObject
           pointer-events="none"
           width="100%"
           height="100%"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 725px; margin-left: 470px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0px; text-align: center;">
              <xhtml:div
                 style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">API call</xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           x="470"
           y="728"
           fill="#000000"
           font-family="Helvetica"
           font-size="11px"
           text-anchor="middle"
           id="text140">API call</text>
      </switch>
    </g>
    <rect
       x="415"
       y="820"
       width="109.56"
       height="109.56"
       fill="#ffffff"
       stroke="#000000"
       pointer-events="all"
       id="rect146" />
    <path
       d="M 421.57 820 L 420.62 821.83 L 417.63 820.07 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path148" />
    <path
       d="M 417.48 827.96 L 421.06 828.11 L 420.84 830.81 L 424.42 831.61 L 423.25 840.38 L 419.31 839.5 L 419.02 842.06 L 415.58 841.62 L 416.46 837.9 L 415.15 837.53 L 415.15 832.71 L 417.34 830.96 Z"
       fill="#d87146"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path150" />
    <path
       d="M 424.57 825.26 L 423.4 824.02 L 425.23 820.22 L 432.24 820 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path152" />
    <path
       d="M 426.32 827.67 L 433.41 823.07 L 435.23 826.5 L 427.49 831.18 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path154" />
    <path
       d="M 438.96 827.89 L 441.51 832.12 L 427.34 839.58 L 428.07 837.75 L 428.22 834.39 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path156" />
    <path
       d="M 435.89 821.31 L 438.37 825.26 L 440.35 824.02 L 444.22 830.81 L 451.3 827.45 L 447.87 820.15 L 437.72 820.07 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path158" />
    <path
       d="M 454.3 826.43 L 451.3 820.07 L 459.56 820.07 L 464.96 823.14 L 459.34 828.4 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path160" />
    <path
       d="M 457 830.74 L 456.05 830.52 L 454.22 826.21 L 457.88 825.04 L 459.92 827.96 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path162" />
    <path
       d="M 468.1 821.24 L 466.86 820.15 L 469.05 820.07 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path164" />
    <path
       d="M 471.1 824.09 L 469.63 822.78 L 472.41 820.07 L 475.84 820.07 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path166" />
    <path
       d="M 484.17 822.26 L 481.83 820.07 L 486.22 820.15 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path168" />
    <path
       d="M 486.95 824.16 L 490.6 820.58 L 491.77 821.02 L 490.31 825.55 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path170" />
    <path
       d="M 479.28 831.91 L 485.63 825.99 L 490.01 828.25 L 486.51 838.04 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path172" />
    <path
       d="M 482.2 829.2 L 485.63 826.14 L 490.01 828.25 L 488.41 832.49 Z"
       fill="#d87146"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path174" />
    <path
       d="M 492.79 827.23 L 494.1 823.14 L 498.92 825.92 L 494.54 830.37 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path176" />
    <path
       d="M 502.72 822.63 L 499.51 820 L 505.28 820 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path178" />
    <path
       d="M 505.72 822.78 L 507.98 820.73 L 514.04 824.75 L 511.49 826.94 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path180" />
    <path
       d="M 513.17 830.15 L 516.75 826.87 L 524.56 832.2 L 524.49 838.11 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path182" />
    <path
       d="M 516.6 822.7 L 512.58 820.15 L 517.4 820.07 L 518.28 820.88 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path184" />
    <path
       d="M 521.86 822.41 L 524.05 820.15 L 524.71 820.22 L 524.56 824.6 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path186" />
    <path
       d="M 495.78 832.64 L 503.82 824.38 L 509.81 828.47 L 498.19 837.97 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path188" />
    <path
       d="M 492.13 833.22 L 496.37 840.23 L 492.35 843.37 L 488.99 840.09 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path190" />
    <path
       d="M 504.62 836.95 L 510.25 832.2 L 514.7 835.34 L 511.85 841.47 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path192" />
    <path
       d="M 513.9 842.94 L 516.82 836.65 L 523.47 841.11 L 516.89 845.13 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path194" />
    <path
       d="M 519.52 846.59 L 524.63 843.37 L 524.49 849.87 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path196" />
    <path
       d="M 513.83 851.77 L 516.89 849 L 523.83 853.45 L 520.11 857.11 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path198" />
    <path
       d="M 502.21 846.29 L 504.04 840.82 L 514.7 847.39 L 508.35 851.33 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path200" />
    <path
       d="M 508.13 858.35 L 509.22 855.43 L 508.35 853.82 L 511.78 853.23 L 518.35 858.93 L 515.36 863.09 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path202" />
    <path
       d="M 498.12 843.08 L 501.85 839.06 L 502.58 839.5 L 502.36 840.74 L 500.31 844.98 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path204" />
    <path
       d="M 487.46 850.46 L 496.59 844.47 L 498.71 846.37 L 492.86 851.7 L 494.62 853.82 L 492.28 855.79 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path206" />
    <path
       d="M 495.35 852.14 L 499.07 848.05 L 502.21 850.6 L 498.49 854.84 Z"
       fill="#d87146"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path208" />
    <path
       d="M 502.43 854.33 L 504.11 852.28 L 506.3 854.33 L 505.94 857.03 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path210" />
    <path
       d="M 501.26 863.17 L 494.32 857.62 L 496.3 856.08 L 498.63 858.05 L 500.46 856.45 L 505.06 859.3 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path212" />
    <path
       d="M 503.45 864.26 L 507.03 860.76 L 513.68 865.8 L 512.88 867.48 L 510.47 868.21 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path214" />
    <path
       d="M 523.54 858.86 L 520.69 863.09 L 524.63 865.14 L 524.71 859.44 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path216" />
    <path
       d="M 520.4 871.93 L 521.79 869.96 L 524.63 870.91 L 524.42 873.98 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path218" />
    <path
       d="M 517.4 879.09 L 518.94 874.63 L 523.39 876.24 L 520.91 879.89 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path220" />
    <path
       d="M 512.29 893.92 L 516.38 882.6 L 519.67 882.6 L 524.27 884.5 L 518.94 897.57 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path222" />
    <path
       d="M 521.28 898.88 L 522.81 895.01 L 524.56 895.52 L 524.56 900.64 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path224" />
    <path
       d="M 523.83 892.82 L 524.63 890.7 L 524.63 892.82 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path226" />
    <path
       d="M 508.79 904.65 L 511.56 897.42 L 524.56 904.22 L 524.49 912.69 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path228" />
    <path
       d="M 505.57 914.3 L 507.98 907.87 L 524.63 916.41 L 524.56 923.13 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path230" />
    <path
       d="M 503.75 920.72 L 504.84 917.8 L 524.71 926.57 L 524.71 927.81 L 523.25 928.47 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path232" />
    <path
       d="M 502.94 923.5 L 516.53 928.83 L 516.16 929.49 L 505.79 929.49 L 501.26 928.03 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path234" />
    <path
       d="M 493.59 928.61 L 493.01 929.78 L 482.42 929.49 L 484.02 924.96 Z"
       fill="#d87146"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path236" />
    <path
       d="M 496.3 926.06 L 486.87 922.11 L 488.92 917.88 L 497.98 921.82 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path238" />
    <path
       d="M 498.78 918.82 L 491.11 915.17 L 492.79 912.11 L 499.95 915.25 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path240" />
    <path
       d="M 498.63 902.61 L 503.53 905.53 L 500.75 912.84 L 494.25 910.06 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path242" />
    <path
       d="M 501.7 901.08 L 505.13 893.92 L 507.25 895.31 L 504.48 902.68 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path244" />
    <path
       d="M 508.42 885.01 L 510.17 885.81 L 508.05 892.09 L 506.01 891.07 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path246" />
    <path
       d="M 505.64 875.73 L 507.91 871.06 L 514.19 873.61 L 512.73 878.07 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path248" />
    <path
       d="M 503.75 879.97 L 504.77 877.85 L 511.71 880.77 L 510.68 883.4 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path250" />
    <path
       d="M 502.65 882.23 L 504.4 883.11 L 502.07 888.51 L 500.02 887.56 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path252" />
    <path
       d="M 501.92 878.51 L 497.9 886.32 L 495.35 884.93 L 499.36 877.41 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path254" />
    <path
       d="M 505.57 870.47 L 502.72 876.24 L 500.39 875.22 L 502.94 869.52 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path256" />
    <path
       d="M 500.46 868.43 L 492.72 883.69 L 488.7 881.5 L 498.41 867.4 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path258" />
    <path
       d="M 486 879.97 L 483.88 878.8 L 493.74 865.8 L 495.42 866.38 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path260" />
    <path
       d="M 490.96 863.39 L 482.12 875.95 L 479.5 871.2 L 488.55 861.34 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path262" />
    <path
       d="M 486.14 859.37 L 477.23 869.16 L 475.04 870.11 L 469.56 871.35 L 468.76 869.45 L 471.46 867.99 L 471.24 866.53 L 483.22 856.3 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path264" />
    <path
       d="M 473.94 870.47 L 469.63 871.42 L 468.76 869.38 L 471.53 867.99 L 471.39 866.53 L 471.97 865.94 Z"
       fill="#d87146"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path266" />
    <path
       d="M 470.58 874.27 L 476.72 872.88 L 479.71 879.09 L 473.51 881.72 Z"
       fill="#d87146"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path268" />
    <path
       d="M 474.97 884.71 L 481.83 881.43 L 484.1 882.89 L 477.6 891.73 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path270" />
    <path
       d="M 478.69 895.74 L 486.87 884.13 L 491.33 886.39 L 481.47 902.83 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path272" />
    <path
       d="M 483.15 905.39 L 487.02 899.76 L 494.25 903.27 L 490.82 908.31 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path274" />
    <path
       d="M 488.48 897.72 L 493.96 888.51 L 500.53 891.58 L 495.86 901 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path276" />
    <path
       d="M 469.2 826.72 L 475.55 832.64 L 473.65 834.32 L 468.69 830.08 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path278" />
    <path
       d="M 477.6 834.9 L 489.36 845.64 L 486.51 847.24 L 476.06 836.8 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path280" />
    <path
       d="M 466.86 825.55 L 466.13 830.96 L 471.46 836.51 L 468.17 839.28 L 461.6 830.45 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path282" />
    <path
       d="M 473.8 838.77 L 484.97 849.58 L 479.28 854.55 L 470.29 842.5 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path284" />
    <path
       d="M 468.17 844.69 L 477.01 856.67 L 470.58 862.22 L 465.69 860.68 L 462.11 851.48 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path286" />
    <path
       d="M 468.69 863.68 L 466.2 862.95 L 465.62 860.39 L 468.39 858.71 L 470.8 862.14 Z"
       fill="#d87146"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path288" />
    <path
       d="M 456.27 844.83 L 461.89 859.08 L 459.19 861.56 L 448.45 859.22 L 449.18 853.31 L 451.96 851.48 L 450.28 847.98 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path290" />
    <path
       d="M 461.75 858.35 L 462.55 860.32 L 462.48 862.73 L 459.12 861.56 L 458.53 861.49 L 459.34 858.2 Z"
       fill="#d87146"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path292" />
    <path
       d="M 461.16 847.68 L 459.34 842.94 L 464.52 840.09 L 465.84 841.99 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path294" />
    <path
       d="M 458.68 840.09 L 456.63 835.49 L 459.56 833.22 L 462.62 837.53 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path296" />
    <path
       d="M 455.98 841.62 L 448.82 845.64 L 446.99 840.74 L 453.86 837.24 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path298" />
    <path
       d="M 453.42 834.46 L 446.12 838.41 L 444.14 834.54 L 451.81 830.59 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path300" />
    <path
       d="M 436.55 843.23 L 434.28 839.72 L 441.59 836.14 L 443.56 839.28 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path302" />
    <path
       d="M 442.32 842.86 L 444.36 846.44 L 440.49 848.56 L 438.37 847.03 L 438.59 844.69 Z"
       fill="#d87146"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path304" />
    <path
       d="M 432.53 840.89 L 438.23 850.17 L 434.58 852.36 L 428.22 843.08 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path306" />
    <path
       d="M 435.89 854.11 L 439.62 851.63 L 446.77 853.16 L 445.31 858.93 L 439.83 859.88 Z"
       fill="#d87146"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path308" />
    <path
       d="M 467.44 901.59 L 475.77 896.11 L 483.66 917.95 L 482.12 919.63 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path310" />
    <path
       d="M 464.01 900.13 L 476.87 914.95 L 472.78 914.44 L 461.82 901.88 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path312" />
    <path
       d="M 477.6 918.61 L 481.61 921.75 L 478.4 929.49 L 461.38 929.56 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path314" />
    <path
       d="M 422.3 915.54 L 431.14 925.25 L 426.1 929.71 L 418.21 929.56 L 418.58 918.61 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path316" />
    <path
       d="M 415 921.89 L 419.24 918.02 L 425.08 924.38 L 419.09 929.63 L 415.07 929.78 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path318" />
    <path
       d="M 420.92 914.08 L 415.15 918.68 L 415.15 912.25 L 417.7 910.57 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path320" />
    <path
       d="M 426.69 909.26 L 424.71 906.77 L 433.63 899.4 L 433.48 897.35 L 438.52 893.41 L 440.86 893.99 L 442.03 895.82 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path322" />
    <path
       d="M 426.25 896.4 L 430.78 901.73 L 428.22 903.63 L 423.47 898.52 Z"
       fill="#d87146"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path324" />
    <path
       d="M 429.54 893.92 L 420.33 901.29 L 415.07 894.5 L 423.47 887.12 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path326" />
    <path
       d="M 442.46 890.12 L 445.09 888.07 L 447.94 891.22 L 443.92 894.28 L 442.39 892.75 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path328" />
    <path
       d="M 425.96 844.54 L 437.28 861.71 L 435.31 863.46 L 438.37 867.55 L 437.28 868.43 L 428.29 855.86 L 429.75 854.91 L 425.74 848.85 L 421.87 851.33 L 424.57 856.3 L 422.96 857.25 L 420.26 853.89 L 420.92 849.8 L 424.71 847.46 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path330" />
    <path
       d="M 424.79 850.6 L 427.34 853.96 L 425.81 855.13 L 423.62 851.41 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path332" />
    <path
       d="M 422.74 860.03 L 426.83 857.11 L 433.33 865.87 L 431.51 867.11 L 426.03 860.68 L 424.13 861.63 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path334" />
    <path
       d="M 424.35 873.83 L 423.62 873.25 L 424.35 869.23 L 429.46 869.52 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path336" />
    <path
       d="M 422.52 873.17 L 421.5 873.32 L 419.09 869.67 L 422.38 869.81 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path338" />
    <path
       d="M 417.48 871.42 L 420.7 874.2 L 419.89 875.29 L 416.97 873.69 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path340" />
    <path
       d="M 418.21 867.55 L 418.87 861.56 L 421.28 861.56 L 422.52 863.17 L 421.94 867.84 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path342" />
    <path
       d="M 419.6 855.79 L 421.65 857.98 L 419.46 858.86 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path344" />
    <path
       d="M 416.75 860.54 L 415.15 867.7 L 415.29 860.32 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path346" />
    <path
       d="M 436.33 870.33 L 425.3 878.58 L 426.1 879.6 L 436.99 871.64 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path348" />
    <path
       d="M 423.84 879.67 L 424.35 880.33 L 419.02 884.5 L 418.73 883.84 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path350" />
    <path
       d="M 432.46 878.8 C 432.46 878.8 438.88 873.32 438.88 873.32 C 438.88 873.32 445.46 880.41 445.46 880.41 C 445.46 880.41 438.81 886.47 438.81 886.47 C 438.81 886.47 437.5 885.37 437.5 885.37 C 437.5 885.37 433.63 880.55 433.63 880.55 C 433.63 880.55 432.38 878.87 432.38 878.87 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path352" />
    <path
       d="M 431.07 880.11 C 431.07 880.11 432.38 881.87 432.38 881.87 C 432.38 881.87 435.52 886.83 435.52 886.83 C 435.52 886.83 436.77 888.29 436.77 888.29 C 436.77 888.29 430.7 893.48 430.7 893.48 C 430.7 893.48 424.42 885.66 424.42 885.66 C 424.42 885.66 431.22 880.11 431.22 880.11 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path354" />
    <path
       d="M 416.83 876.02 C 416.83 876.02 417.63 876.39 417.63 876.39 C 417.63 876.39 420.11 880.33 420.11 880.41 C 420.11 880.48 415.29 884.35 415.29 884.35 C 415.29 884.35 415.15 877.56 415.15 877.56 C 415.15 877.56 416.83 876.1 416.83 876.1 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path356" />
    <ellipse
       cx="422.49"
       cy="876.97"
       rx="1.4243027888446216"
       ry="1.4608964143426295"
       fill="#b2d8ad"
       stroke="#d87146"
       pointer-events="all"
       id="ellipse358" />
    <path
       d="M 425.45 874.85 L 434.5 868.06 L 435.52 869.6 L 426.61 876.46 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path360" />
    <path
       d="M 416.97 858.64 L 417.92 854.77 C 417.63 853.73 417.13 853.07 416.59 852.97 C 416.05 852.87 415.51 853.35 415.15 854.26 L 415.15 858.35 L 416.9 858.71 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path362" />
    <path
       d="M 415.29 848.78 L 419.82 849.58 L 419.09 853.31 C 418.29 851.93 416.81 851.09 415.22 851.12 L 415.22 848.63 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path364" />
    <path
       d="M 442.46 863.17 C 445.64 862.37 448.96 862.29 452.18 862.95 C 455 863.27 457.73 864.14 460.21 865.5 C 460.44 868.65 462.86 871.19 465.98 871.57 L 471.1 883.03 L 465.76 885.3 L 468.69 892.75 L 473.87 890.85 L 475.84 896.25 L 468.76 900.71 L 463.94 895.38 L 440.13 918.09 L 433.48 911.01 L 439.18 905.46 C 442.54 906.55 446.22 905.51 448.53 902.83 L 447.14 901.73 L 449.77 899.62 L 450.64 900.56 C 453.26 898.44 454.42 895 453.64 891.73 L 447.36 886.03 L 451.3 882.09 L 441.44 870.4 L 445.02 866.75 L 442.46 863.17 Z"
       fill="#d87146"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path366" />
    <path
       d="M 523.5 880.55 L 524.63 878.71 L 524.63 881.08 Z"
       fill="#ffca8c"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path368" />
    <path
       d="M 452.15 911.05 C 452.15 911.05 459.25 904.48 459.25 904.48 C 459.25 904.48 462.93 907.81 462.93 907.81 C 462.93 907.81 454.43 912.11 454.43 912.11 C 454.43 912.11 452.15 911.14 452.15 911.14 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path370" />
    <path
       d="M 450.83 912.19 L 453.64 913.07 C 451.97 914.77 451.97 917.5 453.64 919.2 L 450.75 919.91 L 446.71 916.4 L 450.83 912.19 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path372" />
    <path
       d="M 446.19 916.75 C 449.51 921.45 454.79 923.15 459.51 921.05 L 460.21 922.54 C 457.85 925.51 454.62 926.41 451.71 924.9 L 452.67 923.32 L 448.2 922.01 L 445.31 917.63 L 446.19 916.75 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path374" />
    <path
       d="M 444.35 918.33 C 444.35 918.33 447.15 922.1 447.15 922.1 C 447.15 922.1 446.1 923.5 446.1 923.5 C 446.1 923.5 449.87 926.13 449.87 926.13 C 449.87 926.13 448.73 927.53 448.73 927.53 C 448.73 927.53 440.23 922.45 440.23 922.45 C 440.23 922.45 444.26 918.24 444.26 918.24 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path376" />
    <path
       d="M 451.01 926.13 C 451.01 926.13 453.64 926.74 453.64 926.74 C 453.64 926.74 453.46 929.37 453.46 929.37 C 453.46 929.37 448.38 929.72 448.38 929.72 C 448.38 929.72 451.01 926.22 451.01 926.22 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path378" />
    <path
       d="M 464.24 909.56 C 464.24 909.56 465.73 910.97 465.73 910.97 C 465.73 910.97 460.65 919.12 460.65 919.12 C 460.65 919.12 455.74 917.71 455.74 917.71 C 455.74 917.71 457.41 912.37 457.41 912.37 C 457.41 912.37 464.24 909.56 464.24 909.56 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path380" />
    <path
       d="M 467.05 912.81 C 467.05 912.81 468.71 914.82 468.71 914.82 C 468.71 914.82 461.35 922.36 461.35 922.36 C 461.35 922.36 460.83 921.05 460.83 921.05 C 460.83 921.05 466.96 912.81 466.96 912.81 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path382" />
    <path
       d="M 470.12 915.61 L 473.8 917.19 L 457.06 929.63 L 454.6 929.55 L 454.87 927.01 C 456.97 926.98 458.99 926.2 460.56 924.81 C 464.3 922.38 467.55 919.26 470.12 915.61 Z"
       fill="#b2d8ad"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path384" />
    <path
       d="M 464.23 873.83 L 467.44 878.87 L 465.33 881.5 L 460.94 877.05 Z"
       fill="#ffffff"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path386" />
    <path
       d="M 445.31 868.86 L 449.69 864.99 L 455.76 871.2 L 450.94 875.66 Z"
       fill="#ffffff"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path388" />
    <path
       d="M 458.31 878.65 L 462.04 882.3 L 459.34 885.08 L 455.83 880.92 Z"
       fill="#ffffff"
       stroke="#d87146"
       stroke-miterlimit="10"
       pointer-events="all"
       id="path390" />
    <rect
       x="415.07"
       y="820.07"
       width="109.56"
       height="109.56"
       fill="none"
       stroke="#000000"
       pointer-events="all"
       id="rect392" />
    <rect
       x="400"
       y="260"
       width="140"
       height="20"
       fill="none"
       stroke="none"
       pointer-events="all"
       id="rect394" />
    <g
       transform="translate(-0.5 -0.5)"
       id="g400">
      <switch
         id="switch398">
        <foreignObject
           pointer-events="none"
           width="100%"
           height="100%"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 270px; margin-left: 470px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0px; text-align: center;">
              <xhtml: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: nowrap;">Docker compose group<xhtml:br />
</xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           x="470"
           y="274"
           fill="#000000"
           font-family="Helvetica"
           font-size="12px"
           text-anchor="middle"
           id="text396">Docker compose group
</text>
      </switch>
    </g>
    <rect
       x="120"
       y="250"
       width="80"
       height="20"
       fill="none"
       stroke="none"
       pointer-events="all"
       id="rect402" />
    <g
       transform="translate(-0.5 -0.5)"
       id="g408">
      <switch
         id="switch406">
        <foreignObject
           pointer-events="none"
           width="100%"
           height="100%"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 260px; margin-left: 160px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0px; text-align: center;">
              <xhtml: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: nowrap;">Linux server</xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           x="160"
           y="264"
           fill="#000000"
           font-family="Helvetica"
           font-size="12px"
           text-anchor="middle"
           id="text404">Linux server</text>
      </switch>
    </g>
  </g>
  <switch
     id="switch418">
    <g
       requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
       id="g412" />
    <a
       transform="translate(0,-5)"
       xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems"
       target="_blank"
       id="a416">
      <text
         text-anchor="middle"
         font-size="10px"
         x="50%"
         y="100%"
         id="text414">Viewer does not support full SVG 1.1</text>
    </a>
  </switch>
  <rect
     style="opacity:1;fill:#333333;fill-opacity:1;stroke:none;stroke-width:1.13386;stroke-linecap:butt;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
     id="rect659"
     width="2.0370624"
     height="19.337513"
     x="459.6095"
     y="664.95288" />
</svg>