github.com/pyroscope-io/pyroscope@v0.37.3-0.20230725203016-5f6947968bd0/benchmark/architecture.svg (about)

     1  <?xml version="1.0" encoding="UTF-8"?>
     2  <!-- Do not edit this file with editors other than diagrams.net -->
     3  <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
     4  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1101px" height="761px" viewBox="-0.5 -0.5 1101 761" content="&lt;mxfile host=&quot;Electron&quot; modified=&quot;2021-12-30T07:54:57.771Z&quot; agent=&quot;5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/16.0.2 Chrome/96.0.4664.55 Electron/16.0.5 Safari/537.36&quot; etag=&quot;yDJ02GKpht7URKKiPA3I&quot; version=&quot;16.0.2&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;ogdhnvX_FLCxIf2jf4yF&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><rect x="0" y="0" width="1100" height="760" rx="22.8" ry="22.8" fill="#f5f5f5" stroke="#666666" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 1082px; height: 1px; padding-top: 12px; margin-left: 13px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><b>Architecture Overview<br /></b></div></div></div></foreignObject><text x="13" y="24" fill="#333333" font-family="Helvetica" font-size="12px">Architecture Overview&#xa;</text></switch></g><rect x="285" y="90" width="580" height="260" fill="none" stroke="#82b366" stroke-width="2" stroke-dasharray="2 4" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 572px; height: 1px; padding-top: 100px; margin-left: 290px;"><div data-drawio-colors="color: #00CC00; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 204, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><b>telemetry stack</b></div></div></div></foreignObject><text x="290" y="112" fill="#00CC00" font-family="Helvetica" font-size="12px">telemetry stack</text></switch></g><rect x="715" y="130" width="120" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 160px; margin-left: 716px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">grafana<br />:8080</div></div></div></foreignObject><text x="775" y="164" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">grafana...</text></switch></g><rect x="690" y="465" width="120" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 495px; margin-left: 691px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">pyroscope<br />:4040</div></div></div></foreignObject><text x="750" y="499" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">pyroscope...</text></switch></g><rect x="600" y="580" width="120" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 610px; margin-left: 601px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">pyroscope_main<br />:4050</div></div></div></foreignObject><text x="660" y="614" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">pyroscope_main...</text></switch></g><rect x="315" y="130" width="120" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 160px; margin-left: 316px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">pushgateway</div></div></div></foreignObject><text x="375" y="164" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">pushgateway</text></switch></g><path d="M 635 160 L 708.63 160" fill="none" stroke="#00cc00" stroke-miterlimit="10" pointer-events="none"/><path d="M 713.88 160 L 706.88 163.5 L 708.63 160 L 706.88 156.5 Z" fill="#00cc00" stroke="#00cc00" stroke-miterlimit="10" pointer-events="none"/><path d="M 575 196.37 L 575 327.5 L 750 327.5 L 750 465" fill="none" stroke="#00cc00" stroke-miterlimit="10" pointer-events="none"/><path d="M 575 191.12 L 578.5 198.12 L 575 196.37 L 571.5 198.12 Z" fill="#00cc00" stroke="#00cc00" stroke-miterlimit="10" pointer-events="none"/><path d="M 605 196.37 L 605 385 L 660 385 L 660 580" fill="none" stroke="#00cc00" stroke-miterlimit="10" pointer-events="none"/><path d="M 605 191.12 L 608.5 198.12 L 605 196.37 L 601.5 198.12 Z" fill="#00cc00" stroke="#00cc00" stroke-miterlimit="10" pointer-events="none"/><rect x="515" y="130" width="120" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 160px; margin-left: 516px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">prometheus<br />:9090</div></div></div></foreignObject><text x="575" y="164" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">prometheus...</text></switch></g><path d="M 435 160 L 508.63 160" fill="none" stroke="#00cc00" stroke-miterlimit="10" pointer-events="none"/><path d="M 513.88 160 L 506.88 163.5 L 508.63 160 L 506.88 156.5 Z" fill="#00cc00" stroke="#00cc00" stroke-miterlimit="10" pointer-events="none"/><rect x="715" y="240" width="120" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 270px; margin-left: 716px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">renderer</div></div></div></foreignObject><text x="775" y="274" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">renderer</text></switch></g><path d="M 390 490 L 390 340 L 375 340 L 375 196.37" fill="none" stroke="#00cc00" stroke-miterlimit="10" pointer-events="none"/><path d="M 375 191.12 L 378.5 198.12 L 375 196.37 L 371.5 198.12 Z" fill="#00cc00" stroke="#00cc00" stroke-miterlimit="10" pointer-events="none"/><path d="M 456.37 505 L 570 505 L 570 480 L 683.63 480" fill="none" stroke="#0000cc" stroke-miterlimit="10" pointer-events="none"/><path d="M 451.12 505 L 458.12 501.5 L 456.37 505 L 458.12 508.5 Z" fill="#0000cc" stroke="#0000cc" stroke-miterlimit="10" pointer-events="none"/><path d="M 688.88 480 L 681.88 483.5 L 683.63 480 L 681.88 476.5 Z" fill="#0000cc" stroke="#0000cc" stroke-miterlimit="10" pointer-events="none"/><path d="M 456.37 535 L 525 535 L 525 625 L 593.63 625" fill="none" stroke="#0000cc" stroke-miterlimit="10" pointer-events="none"/><path d="M 451.12 535 L 458.12 531.5 L 456.37 535 L 458.12 538.5 Z" fill="#0000cc" stroke="#0000cc" stroke-miterlimit="10" pointer-events="none"/><path d="M 598.88 625 L 591.88 628.5 L 593.63 625 L 591.88 621.5 Z" fill="#0000cc" stroke="#0000cc" stroke-miterlimit="10" pointer-events="none"/><rect x="330" y="490" width="120" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 520px; margin-left: 331px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">pyrobench<br />:4042</div></div></div></foreignObject><text x="390" y="524" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">pyrobench...</text></switch></g><path d="M 775 190 L 775 233.63" fill="none" stroke="#00cc00" stroke-miterlimit="10" pointer-events="none"/><path d="M 775 238.88 L 771.5 231.88 L 775 233.63 L 778.5 231.88 Z" fill="#00cc00" stroke="#00cc00" stroke-miterlimit="10" pointer-events="none"/><rect x="100" y="490" width="190" height="180" fill="#fff2cc" stroke="#d6b656" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 180px; height: 1px; padding-top: 501px; margin-left: 106px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><b>pyrobench</b> orchestrates the process<br /><br />it simulates requests to <b>pyroscope</b> (push-mode)<br /><br />it responds to requests from <b>pyroscope</b> (pull-mode)<br /><br />at the end of a run it generates a report</div></div></div></foreignObject><text x="106" y="513" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">pyrobench orchestrates the pro...</text></switch></g><rect x="730" y="580" width="170" height="120" fill="#fff2cc" stroke="#d6b656" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 160px; height: 1px; padding-top: 591px; margin-left: 736px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><b>pyroscope_main </b>is another instance of pyroscope server, but it's running the latest version from the main branch, and is intended to provide a baseline, something to compare your new version to</div></div></div></foreignObject><text x="736" y="603" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">pyroscope_main is another i...</text></switch></g><rect x="830" y="440" width="160" height="120" fill="#fff2cc" stroke="#d6b656" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 150px; height: 1px; padding-top: 451px; margin-left: 836px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><b>pyroscope </b>is the version that's currently being tested<br /><br />it builds from local source code, allowing you to rapidly test variations of pyroscope</div></div></div></foreignObject><text x="836" y="463" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">pyroscope is the version...</text></switch></g><rect x="875" y="110" width="160" height="120" fill="#fff2cc" stroke="#d6b656" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 150px; height: 1px; padding-top: 121px; margin-left: 881px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">we provision a grafana instance so that you can see metrics live as they're coming from <b>pyroscope</b> and <b>pyroscope_main</b></div></div></div></foreignObject><text x="881" y="133" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">we provision a grafana in...</text></switch></g><rect x="875" y="250" width="160" height="120" fill="#fff2cc" stroke="#d6b656" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 150px; height: 1px; padding-top: 261px; margin-left: 881px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><b>renderer</b> is used to generate screenshots of grafana dashboards<br /><br />they later get posted </div></div></div></foreignObject><text x="881" y="273" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">renderer is used to gener...</text></switch></g><rect x="30" y="60" width="180" height="210" fill="#e1d5e7" stroke="#9673a6" pointer-events="none"/><path d="M 40 120 L 113.63 120" fill="none" stroke="#00cc00" stroke-miterlimit="10" pointer-events="none"/><path d="M 118.88 120 L 111.88 123.5 L 113.63 120 L 111.88 116.5 Z" fill="#00cc00" stroke="#00cc00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 120px; margin-left: 141px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">telemetry</div></div></div></foreignObject><text x="160" y="124" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">teleme...</text></switch></g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 160px; margin-left: 121px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">profiling data flows</div></div></div></foreignObject><text x="160" y="164" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">profiling dat...</text></switch></g><path d="M 40 160 L 80 160 L 113.63 159.58" fill="none" stroke="#0000cc" stroke-miterlimit="10" pointer-events="none"/><path d="M 118.88 159.51 L 111.93 163.1 L 113.63 159.58 L 111.84 156.1 Z" fill="#0000cc" stroke="#0000cc" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 80px; margin-left: 101px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">LEGEND</div></div></div></foreignObject><text x="120" y="84" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">LEGEND</text></switch></g><rect x="60" y="190" width="120" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 210px; margin-left: 61px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">docker-compose component</div></div></div></foreignObject><text x="120" y="214" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">docker-compose compo...</text></switch></g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-end; width: 368px; height: 1px; padding-top: 745px; margin-left: 720px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: right;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">this .svg file is editable with app.diagrams.net</div></div></div></foreignObject><text x="1088" y="749" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="end">this .svg file is editable with app.diagrams.net</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>