doc/media/system_setup.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="642px" height="252px" viewBox="-0.5 -0.5 642 252" content="&lt;mxfile&gt;&lt;diagram id=&quot;oZt1jch_JTyV4_H9ZzpX&quot; name=&quot;Page-1&quot;&gt;7VpLc+I4EP41HDOF/AKOgSSbqZrZndocduZECVtgVYRFySLA/vptYckv2RkDhuSwJ1BbVktff/0SDNzZev+HwJv4O48IGzjDaD9wHwaOg4YjBB9Kcsgk3miSCVaCRnpSIXih/xLzppZuaUTSykTJOZN0UxWGPElIKCsyLATfVactOatq3eAVsQQvIWa29B8ayTiTjp1RIX8mdBUbzSjQ51vg8HUl+DbR+hKekOzJGptl9BnTGEd8VxK5jwN3JjiX2bf1fkaYgtUglr331PI037IgiezygjnMG2ZbfWy9MXkwOKijbAbu1F5bq3sjQpJ9k03wwixSHA74QviaSHGAefqtsYbDMMXV412Be2Agi0uYO74WYm3rVb50cWj4os/dgkFgYSB46sxTHr4SGeLEQgSstlFfFaWIAGiWPJEv+jmCMRzcUAYBnY+CnCuuFvzgKZWUJyBiZAlPprFcM73CQtGHRN8WRsDwgrCvyTPBR5VHGaAsMU1KY8bwJqUZ6kqNIOFWpPSN/E3SzMGGertPeE2ZwvuZsDciaYjNObJ5COnxjDOuFERkibdMNhIhp1GdCa0WR75vmRhNrmViz7JwZtw5WHcOGBFASMwTCGGWrUVmCI3cLqaSvGxwqJ7uIO5VrVbHrwGp4FSkHL/iG4HtGshrwC3owzNs3PhyOY9Byw4f5ilJUqDG/97Ru3e441t6h50DbCvnXnKZgzSA450KDvq9QwRXcohxF6TgI/qEOKFbAuVYQE15GsYg+mu5vHvOAIPRS3MIuRSr7g5nwEEN4DRVHH2AY3SV0FkKvj4mo8U2tdAgEdSlesiFjPmKJ5g9FtIyGgCCOPzUyB0Hv9Tgi2+GD/vyw4eDHqUSC3mvymYQHCtWLXui6iBZvKyYheyp/Gm0wveSHhgVatTAaGm3Vcq3IiSVdA3aV0RWYpSCopM9NcSCMCwhbFWK0ybb6ZV+cAobK6aAe6ewhbpxc4Xd7D05w6Qmi+pKWiWZGv4lox/T3zRvO+yklErBX4ktvzDXdSENREMzI2Q4TWlY4k7Bl19lulzAnXFHopzLDB1O8nbEEM6rBYaMvPqtgj4AxTHwmWkbNSFt1+ONm/U8nbivgr3ZDs7lsv95o1NzPHLeD0hVl+pGMccOT17frOuaS+zedXb/JwimLXnkm4oUVZtgRleqzA7h0Md6XaVNiALsXj9Y0yg6GlKoMhkX9bMmLyzuTwf+QyOAfksqPvmOAEw5qlY0d85lQV4vfIec6rLIqy7RTxJAlqUk7yfln5+6h4PuqTt3XXSa654Utss+1TmU53a7MOmb5suthdB6j5Xt2wrt9kL1WDzpliOuVYa4FgNN+T2MsMQfRcL+68euxWIeWUbIc6um6odKfp0BwzOpVE/rPTLp1IrEDxq30rbz96dfXI+YJrdE6ojiVcJTSGEfF1crZS36CEpPrsFnz6/zuR86d62er8Hnz1ZhO/btQB6mabLZypuTuvfEX87yXZO8KdaGX4IgGFUs0Ffityxbj7Jd6e3XK4i6n9yQ3gFqPlQrvd+ffzm97TvU0m8x2d3p1X6JaehCbH62X6jWI8VNf4s55xKpqfOuefGoz9b7lH6iqfOuRYEOrXhT39BsxAuDA6r7tOlsTw0OeVRpqwlbgsMZvubaqeQT3A50vgqomX/yrnPe7HrAq61wTm8Gw+I/Htn04j807uN/&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <path d="M 155 30 L 155 0 L 265 0 L 265 30 M 155 30 L 345 30 L 345 250 L 155 250 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" 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: 1px; height: 1px; padding-top: 15px; margin-left: 210px;">
                        <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: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: nowrap;">
                                ros2_socketcan
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="210" y="18" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle" font-weight="bold">
                    ros2_socketcan
                </text>
            </switch>
        </g>
        <rect x="180" y="60" width="140" height="60" 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: 138px; height: 1px; padding-top: 90px; margin-left: 181px;">
                        <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: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                socket_can_receiver_node
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="250" y="93" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    socket_can_receiver_node
                </text>
            </switch>
        </g>
        <path d="M 385 30 L 385 0 L 495 0 L 495 30 M 385 30 L 575 30 L 575 250 L 385 250 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" 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: 1px; height: 1px; padding-top: 15px; margin-left: 440px;">
                        <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: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: nowrap;">
                                off_highway_sensor
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="440" y="18" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle" font-weight="bold">
                    off_highway_sensor
                </text>
            </switch>
        </g>
        <rect x="400" y="60" width="160" height="60" 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: 158px; height: 1px; padding-top: 90px; margin-left: 401px;">
                        <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;">
                                off_highway_sensor_receiver
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="480" y="94" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    off_highway_sensor_receiver
                </text>
            </switch>
        </g>
        <rect x="400" y="160" width="160" height="60" 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: 158px; height: 1px; padding-top: 190px; margin-left: 401px;">
                        <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;">
                                off_highway_sensor_sender
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="480" y="194" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    off_highway_sensor_sender
                </text>
            </switch>
        </g>
        <rect x="0" y="110" width="120" height="60" 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: 140px; margin-left: 1px;">
                        <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;">
                                Bosch Off-Highway Sensor
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="60" y="144" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Bosch Off-Highway Se...
                </text>
            </switch>
        </g>
        <path d="M 320 90 L 393.63 90" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 398.88 90 L 391.88 93.5 L 393.63 90 L 391.88 86.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" 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: 1px; height: 1px; padding-top: 80px; margin-left: 360px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                from_can_bus
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="360" y="83" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    from_can_bus
                </text>
            </switch>
        </g>
        <path d="M 480 160 L 480.03 140.03 L 613.67 140.03" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 618.92 140.03 L 611.92 143.53 L 613.67 140.03 L 611.92 136.53 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 120 125 L 150.03 125 L 150.03 90.03 L 173.63 90.01" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 178.88 90 L 171.89 93.51 L 173.63 90.01 L 171.88 86.51 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" 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: 1px; height: 1px; padding-top: 81px; margin-left: 140px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                CAN Bus
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="140" y="84" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    CAN Bus
                </text>
            </switch>
        </g>
        <path d="M 400 190 L 326.37 190" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 321.12 190 L 328.12 186.5 L 326.37 190 L 328.12 193.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" 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: 1px; height: 1px; padding-top: 180px; margin-left: 360px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                to_can_bus
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="360" y="183" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    to_can_bus
                </text>
            </switch>
        </g>
        <path d="M 560 90 L 613.63 90" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 618.88 90 L 611.88 93.5 L 613.63 90 L 611.88 86.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" 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: 1px; height: 1px; padding-top: 80px; margin-left: 612px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                Sensor data
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="612" y="83" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Sensor data
                </text>
            </switch>
        </g>
        <path d="M 480 120 L 480.03 140.03 L 613.67 140.03" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 618.92 140.03 L 611.92 143.53 L 613.67 140.03 L 611.92 136.53 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" 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: 1px; height: 1px; padding-top: 130px; margin-left: 612px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                diagnostics
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="612" y="133" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    diagnostics
                </text>
            </switch>
        </g>
        <path d="M 620 190 L 610.03 190.03 L 566.37 190" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 561.12 190 L 568.12 186.51 L 566.37 190 L 568.12 193.51 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" 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: 1px; height: 1px; padding-top: 180px; margin-left: 610px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                Sensor input
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="610" y="183" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Sensor input
                </text>
            </switch>
        </g>
        <rect x="180" y="160" width="140" height="60" 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: 138px; height: 1px; padding-top: 190px; margin-left: 181px;">
                        <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: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                socket_can_sender_node
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="250" y="193" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    socket_can_sender_node
                </text>
            </switch>
        </g>
        <path d="M 180 190 L 150.03 190.03 L 150.03 155 L 126.37 155" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 121.12 155 L 128.12 151.5 L 126.37 155 L 128.12 158.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" 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: 1px; height: 1px; padding-top: 201px; margin-left: 140px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                CAN Bus
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="140" y="204" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    CAN Bus
                </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%">
                Text is not SVG - cannot display
            </text>
        </a>
    </switch>
</svg>