docs/yabloc_abstruct_architecture.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="960px" height="580px" viewBox="-0.5 -0.5 960 580" content="&lt;mxfile&gt;&lt;diagram id=&quot;Q2yfnqxEZB6M2fQn1Vxw&quot; name=&quot;single_camera&quot;&gt;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&lt;/diagram&gt;&lt;diagram id=&quot;6wRn6-4TMPb4CmkXBpdm&quot; name=&quot;multi_camera&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <path d="M 770 320 L 790 320 L 770 320 L 783.63 320" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 788.88 320 L 781.88 323.5 L 783.63 320 L 781.88 316.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="620" y="260" width="150" height="120" fill="#ffe6cc" stroke="#d79b00" pointer-events="all"/>
        <path d="M 330 450 L 380 450 L 380 435 L 423.63 435" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 428.88 435 L 421.88 438.5 L 423.63 435 L 421.88 431.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 330 490 L 380 490 L 380 500 L 423.63 500" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 428.88 500 L 421.88 503.5 L 423.63 500 L 421.88 496.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="180" y="430" width="150" height="80" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
        <path d="M 330 320 L 340 320 L 423.63 320" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 428.88 320 L 421.88 323.5 L 423.63 320 L 421.88 316.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="180" y="260" width="150" height="120" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/>
        <path d="M 80 80 L 130 80 L 183.63 80" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 188.88 80 L 181.88 83.5 L 183.63 80 L 181.88 76.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="40" cy="80" rx="40" ry="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <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: 80px; 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: all; white-space: normal; overflow-wrap: normal;">
                                vehicle
                                <br/>
                                twist
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="40" y="84" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    vehicle...
                </text>
            </switch>
        </g>
        <path d="M 80 130 L 160 130 L 160 90 L 183.63 90" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 188.88 90 L 181.88 93.5 L 183.63 90 L 181.88 86.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 80 130 L 135 130 L 135 20 L 183.63 20" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 188.88 20 L 181.88 23.5 L 183.63 20 L 181.88 16.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 80 130 L 695 130 L 695 253.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 695 258.88 L 691.5 251.88 L 695 253.63 L 698.5 251.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="40" cy="130" rx="40" ry="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <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: 130px; 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: all; white-space: normal; overflow-wrap: normal;">
                                gnss
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="40" y="134" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    gnss
                </text>
            </switch>
        </g>
        <path d="M 80 220 L 170 220 L 170 100 L 183.63 100" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 188.88 100 L 181.88 103.5 L 183.63 100 L 181.88 96.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="40" cy="220" rx="40" ry="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <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: 220px; 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: all; white-space: normal; overflow-wrap: normal;">
                                IMU
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="40" y="224" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    IMU
                </text>
            </switch>
        </g>
        <path d="M 80 290 L 173.63 290" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 178.88 290 L 171.88 293.5 L 173.63 290 L 171.88 286.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="40" cy="290" rx="40" ry="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <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: 290px; 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: all; white-space: normal; overflow-wrap: normal;">
                                Image
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="40" y="294" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Image
                </text>
            </switch>
        </g>
        <path d="M 80 360 L 173.63 360" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 178.88 360 L 171.88 363.5 L 173.63 360 L 171.88 356.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="40" cy="360" rx="40" ry="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <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: 360px; 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: all; white-space: normal; overflow-wrap: normal;">
                                Camera
                                <br/>
                                info
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="40" y="364" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Camera...
                </text>
            </switch>
        </g>
        <path d="M 80 450 L 173.63 450" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 178.88 450 L 171.88 453.5 L 173.63 450 L 171.88 446.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="40" cy="450" rx="40" ry="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <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: 450px; 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: all; white-space: normal; overflow-wrap: normal;">
                                lanelet2
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="40" y="454" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    lanelet2
                </text>
            </switch>
        </g>
        <path d="M 300 20 L 423.63 20" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 428.88 20 L 421.88 23.5 L 423.63 20 L 421.88 16.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="190" y="0" width="110" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <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: 108px; height: 1px; padding-top: 20px; margin-left: 191px;">
                        <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: all; white-space: normal; overflow-wrap: normal;">
                                gnss based initializer
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="245" y="24" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    gnss based initial...
                </text>
            </switch>
        </g>
        <path d="M 300 90 L 423.63 90" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 428.88 90 L 421.88 93.5 L 423.63 90 L 421.88 86.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <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: 121px; margin-left: 480px;">
                        <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: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                /localization/twist/
                                <br/>
                                kalman/twist
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="480" y="124" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    /localization/twist/...
                </text>
            </switch>
        </g>
        <rect x="190" y="70" width="110" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <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: 108px; height: 1px; padding-top: 90px; margin-left: 191px;">
                        <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: all; white-space: normal; overflow-wrap: normal;">
                                twist/kalman/
                                <br/>
                                twist_estimator
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="245" y="94" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    twist/kalman/...
                </text>
            </switch>
        </g>
        <path d="M 530 20 L 732.5 20 L 732.5 253.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 732.5 258.88 L 729 251.88 L 732.5 253.63 L 736 251.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="480" cy="20" rx="50" ry="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <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: 98px; height: 1px; padding-top: 20px; margin-left: 431px;">
                        <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: all; white-space: normal; overflow-wrap: normal;">
                                initial pose
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="480" y="24" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    initial pose
                </text>
            </switch>
        </g>
        <path d="M 530 90 L 657.5 90 L 657.5 253.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 657.5 258.88 L 654 251.88 L 657.5 253.63 L 661 251.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="480" cy="90" rx="50" ry="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <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: 98px; height: 1px; padding-top: 90px; margin-left: 431px;">
                        <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: all; white-space: normal; overflow-wrap: normal;">
                                twist
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="480" y="94" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    twist
                </text>
            </switch>
        </g>
        <path d="M 530 435 L 657.5 435 L 657.5 386.37" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 657.5 381.12 L 661 388.12 L 657.5 386.37 L 654 388.12 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="480" cy="435" rx="50" ry="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <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: 98px; height: 1px; padding-top: 435px; margin-left: 431px;">
                        <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: all; white-space: normal; overflow-wrap: normal;">
                                height and tilt
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="480" y="439" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    height and tilt
                </text>
            </switch>
        </g>
        <path d="M 530 500 L 695 500 L 695 386.37" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 695 381.12 L 698.5 388.12 L 695 386.37 L 691.5 388.12 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="480" cy="500" rx="50" ry="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <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: 98px; height: 1px; padding-top: 500px; margin-left: 431px;">
                        <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: all; white-space: normal; overflow-wrap: normal;">
                                lanelet2 line segment
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="480" y="504" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    lanelet2 line se...
                </text>
            </switch>
        </g>
        <path d="M 890 320 L 910 320 L 910 570 L 130 570 L 130 490 L 173.63 490" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 178.88 490 L 171.88 493.5 L 173.63 490 L 171.88 486.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 890 320 L 910 320 L 910 570 L 732.5 570 L 732.5 386.37" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 732.5 381.12 L 736 388.12 L 732.5 386.37 L 729 388.12 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="840" cy="320" rx="50" ry="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <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: 98px; height: 1px; padding-top: 320px; margin-left: 791px;">
                        <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: all; white-space: normal; overflow-wrap: normal;">
                                pose
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="840" y="324" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    pose
                </text>
            </switch>
        </g>
        <path d="M 530 320 L 613.63 320" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 618.88 320 L 611.88 323.5 L 613.63 320 L 611.88 316.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="480" cy="320" rx="50" ry="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <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: 98px; height: 1px; padding-top: 320px; margin-left: 431px;">
                        <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: all; white-space: normal; overflow-wrap: normal;">
                                classified line segment
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="480" y="324" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    classified line...
                </text>
            </switch>
        </g>
        <rect x="450" y="450" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
        <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: 58px; height: 1px; padding-top: 465px; margin-left: 451px;">
                        <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: all; white-space: normal; overflow-wrap: normal;">
                                /localization/map/height
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="480" y="468" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    /localizati...
                </text>
            </switch>
        </g>
        <rect x="450" y="270" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
        <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: 58px; height: 1px; padding-top: 285px; margin-left: 451px;">
                        <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: all; white-space: normal; overflow-wrap: normal;">
                                /localization/imgproc/
                                <br/>
                                projected_lsd_cloud
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="480" y="288" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    /localizati...
                </text>
            </switch>
        </g>
        <rect x="450" y="520" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
        <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: 58px; height: 1px; padding-top: 535px; margin-left: 451px;">
                        <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: all; white-space: normal; overflow-wrap: normal;">
                                /localization/map/ll2_bounding_box
                                <br/>
                                /localization/map/ll2_road_marking
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="480" y="538" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    /localizati...
                </text>
            </switch>
        </g>
        <rect x="180" y="260" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
        <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-start; width: 58px; height: 1px; padding-top: 275px; margin-left: 182px;">
                        <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: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 18px;">
                                    /imgproc
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="182" y="278" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px">
                    /imgproc
                </text>
            </switch>
        </g>
        <rect x="180" y="430" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
        <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-start; width: 58px; height: 1px; padding-top: 445px; margin-left: 182px;">
                        <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: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 18px;">
                                    /map
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="182" y="448" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px">
                    /map
                </text>
            </switch>
        </g>
        <rect x="620" y="260" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
        <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-start; width: 58px; height: 1px; padding-top: 275px; margin-left: 622px;">
                        <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: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 18px;">
                                    /pf
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="622" y="278" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px">
                    /pf
                </text>
            </switch>
        </g>
        <path d="M 890 320 L 943.63 320" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 948.88 320 L 941.88 323.5 L 943.63 320 L 941.88 316.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
    </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>