decorator.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="481px" height="381px" viewBox="-0.5 -0.5 481 381" content="&lt;mxfile&gt;&lt;diagram id=&quot;Xf1ny3S2rqyGo4SYWWBV&quot; name=&quot;Page-1&quot;&gt;3VjbctowEP0aHpPx3eYxENpOJ51mhsw07ZtsrW01wnJlESBfX8mW8ZVOUgZICw94VytZOufsevHEnq+2HznK0y8MA51YBt5O7NuJZZmO78gf5dlVHtfSjoQTrIMax5K8gHYa2rsmGIpOoGCMCpJ3nRHLMohEx4c4Z5tuWMxo9645SmDgWEaIDr3fCBZp5Q0sv/F/ApKk9Z1Nb1qNrFAdrE9SpAizTctlLyb2nDMmqqvVdg5UgVfjUs37cGB0vzEOmXjVBFvvQ+zqwwGWZ9Um4yJlCcsQXTTeGWfrDINawZBWE3PHWC6dpnT+BCF2mji0Fky6UrGiehS2RDy2rr+rpa5dbd1u9cqlsauNTPDdY9tozVJmM6206nkxoXTOKOPl6WzDCJCh/IXg7Ak6I65fjlSIKBgOgqpdBVvzSEdZWoeIJ6Cj7D2hMhOArUDuS4ZwoEiQ5+7qSEsy2cc1rMkLTdwBEnX2PCO61qt+fbi7H2X2DoUyGTtsIEqSTF5H8nggwZg9AxdEqv1GD6wIxhXxUJAXFJbrKaRyRjJRbtydTdzbPXZqAdhORlJRT24SoIPqAcD0SlfGteUG1bRXY6hXu1c7bYWwOC4kTX2Q9zd9Fe7WAPYlWuUUbvJ8gP0mJQKWOSrlspFlscdBkVeFKiZblVmzhCNMJDItgYbldyjp2FXfMUl75UfNYJ2VjPKj/TpLpYhq+kaUPmD0IEuBJnZXa1Pbm6ZQmjX5abtI1s6jMsEYAP/ey5lUtWH43ZrmKID/WNVK6x44kRCpnD1rqbOHpc45stSVU284R7tWgC4vwyzWUrP7WvN6D7tevGMcF++ZPS1WG/7b8mGa70es/r/98B1RpHcJRfYVIw/2JoXZ3fjjJWa9H4n9dwpzz9Te2cPuLofsASjopTwqdzQLeYdo79da/YkoH/FXRUnVjQwwnXxbglCPy6tE/UqoqGxBJFwnaF18QB6M0IURBHE02rpEAYTxm1uXkc5zQOzB1sXyLtm7DJv4BUWFbMSXgHiUnoKWOEauMUJLHEfYCsZowf403MN/Jlocp0fLOVlxB6x8RpDASbJEJklYtes9OoIIotEsCQPXcS9Nx1mzxBvw8YPkTyQ7BR/Y9e0pHvIBHjYwjPExnXpm4F6WD8s/IR/SbF5OVQ1J84rPXvwG&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs>
        <linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-f5f5f5-1-b3b3b3-1-s-0">
            <stop offset="0%" style="stop-color:#f5f5f5"/>
            <stop offset="100%" style="stop-color:#b3b3b3"/>
        </linearGradient>
        <linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-dae8fc-1-7ea6e0-1-s-0">
            <stop offset="0%" style="stop-color:#dae8fc"/>
            <stop offset="100%" style="stop-color:#7ea6e0"/>
        </linearGradient>
        <linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-ffcd28-1-ffa500-1-s-0">
            <stop offset="0%" style="stop-color:#ffcd28"/>
            <stop offset="100%" style="stop-color:#ffa500"/>
        </linearGradient>
        <linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-f8cecc-1-ea6b66-1-s-0">
            <stop offset="0%" style="stop-color:#f8cecc"/>
            <stop offset="100%" style="stop-color:#ea6b66"/>
        </linearGradient>
        <linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-e6d0de-1-d5739d-1-s-0">
            <stop offset="0%" style="stop-color:#e6d0de"/>
            <stop offset="100%" style="stop-color:#d5739d"/>
        </linearGradient>
    </defs>
    <g>
        <path d="M 120 190 L 173.63 190" fill="none" stroke="#005700" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 178.88 190 L 171.88 193.5 L 173.63 190 L 171.88 186.5 Z" fill="#005700" stroke="#005700" 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: 191px; margin-left: 143px;">
                        <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; ">
                                OTLP
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="143" y="194" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    OTLP
                </text>
            </switch>
        </g>
        <rect x="0" y="130" width="120" height="120" fill="url(#mx-gradient-f5f5f5-1-b3b3b3-1-s-0)" stroke="#666666" 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: 190px; margin-left: 1px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                SampleApp
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="60" y="194" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
                    SampleApp
                </text>
            </switch>
        </g>
        <path d="M 300 190 L 300 150 L 320 150 L 320 50.6 L 352.79 50.63" fill="none" stroke="#005700" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 358.04 50.64 L 351.04 54.13 L 352.79 50.63 L 351.05 47.13 Z" fill="#005700" stroke="#005700" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 300 220 L 320 220 L 320 320 L 353.63 320" fill="none" stroke="#005700" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 358.88 320 L 351.88 323.5 L 353.63 320 L 351.88 316.5 Z" fill="#005700" stroke="#005700" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 300 190 L 353.63 190" fill="none" stroke="#005700" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 358.88 190 L 351.88 193.5 L 353.63 190 L 351.88 186.5 Z" fill="#005700" stroke="#005700" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="180" y="130" width="120" height="120" fill="url(#mx-gradient-dae8fc-1-7ea6e0-1-s-0)" stroke="#6c8ebf" 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: 190px; margin-left: 181px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                OpenTelemetry
                                <br style="font-size: 14px"/>
                                Collector
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="240" y="194" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
                    OpenTelemetry...
                </text>
            </switch>
        </g>
        <rect x="360" y="0" width="120" height="120" fill="url(#mx-gradient-ffcd28-1-ffa500-1-s-0)" stroke="#d79b00" 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: 60px; margin-left: 361px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                ElasticSearch
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="420" y="64" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
                    ElasticSearch
                </text>
            </switch>
        </g>
        <rect x="360" y="130" width="120" height="120" fill="url(#mx-gradient-f8cecc-1-ea6b66-1-s-0)" 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: 118px; height: 1px; padding-top: 190px; margin-left: 361px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Jaeger
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="420" y="194" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
                    Jaeger
                </text>
            </switch>
        </g>
        <rect x="360" y="260" width="120" height="120" fill="url(#mx-gradient-e6d0de-1-d5739d-1-s-0)" stroke="#996185" 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: 320px; margin-left: 361px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Zipkin
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="420" y="324" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
                    Zipkin
                </text>
            </switch>
        </g>
    </g>
    <switch>
        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
                Viewer does not support full SVG 1.1
            </text>
        </a>
    </switch>
</svg>