docs/how_to_launch_quick_start_demo.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="921px" height="451px" viewBox="-0.5 -0.5 921 451" content="&lt;mxfile&gt;&lt;diagram name=&quot;ページ1&quot; id=&quot;v0-VCsXg76VFex9Lbw3C&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <rect x="0" y="100" width="200" height="340" rx="30" ry="30" fill="#d5e8d4" stroke="#82b366" 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 flex-start; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 107px; 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;">
                                <font style="font-size: 15px;">
                                    ROSABG
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="100" y="119" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    ROSABG
                </text>
            </switch>
        </g>
        <path d="M 180 157 L 290 157 L 393.63 157.85" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 398.88 157.89 L 391.85 161.33 L 393.63 157.85 L 391.91 154.33 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: 157px; margin-left: 286px;">
                        <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;">
                                <font style="font-size: 12px;">
                                    /map/vector_map
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="286" y="161" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    /map/vector_map
                </text>
            </switch>
        </g>
        <rect x="20" y="142" width="160" height="30" rx="4.5" ry="4.5" 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 flex-start; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 149px; margin-left: 21px;">
                        <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;">
                                map
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="100" y="161" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    map
                </text>
            </switch>
        </g>
        <path d="M 180 197 L 289.3 197 L 392.19 197.47" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 397.44 197.49 L 390.43 200.96 L 392.19 197.47 L 390.46 193.96 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: 198px; margin-left: 283px;">
                        <div data-drawio-colors="color: #000000; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 8px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                <font style="font-size: 12px;">
                                    /static_tf
                                    <br/>
                                    (base_link -&gt;
                                    <br/>
                                    camera_optical_frame)
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="283" y="200" fill="#000000" font-family="Helvetica" font-size="8px" text-anchor="middle">
                    /static_tf...
                </text>
            </switch>
        </g>
        <rect x="20" y="182" width="160" height="30" rx="4.5" ry="4.5" 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 flex-start; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 189px; margin-left: 21px;">
                        <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;">
                                TF
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="100" y="201" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    TF
                </text>
            </switch>
        </g>
        <path d="M 560 119.7 L 680 119.7 L 793.63 119.98" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 798.88 120 L 791.87 123.48 L 793.63 119.98 L 791.89 116.48 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: 120px; margin-left: 641px;">
                        <div data-drawio-colors="color: #000000; background-color: rgb(255, 255, 255); " 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; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                /tf (map-&gt;base_link)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="641" y="124" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    /tf (map-&gt;base_link)
                </text>
            </switch>
        </g>
        <path d="M 560 400.6 L 660 400.6 L 713.63 400.64" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 718.88 400.64 L 711.88 404.13 L 713.63 400.64 L 711.88 397.13 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="400" y="0" width="160" height="450" rx="24" ry="24" fill="#fff2cc" stroke="#d6b656" 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: 158px; height: 1px; padding-top: 225px; 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: all; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 15px;">
                                    YabLoc
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="480" y="229" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    YabLoc
                </text>
            </switch>
        </g>
        <path d="M 600 0 L 890 0 L 920 30 L 920 40 L 600 40 L 600 0 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 890 0 L 890 30 L 920 30 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
        <path d="M 890 0 L 890 30 L 920 30" fill="none" stroke="#d6b656" 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 flex-start; justify-content: unsafe flex-start; width: 318px; height: 1px; padding-top: 7px; margin-left: 602px;">
                        <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: all; white-space: normal; overflow-wrap: normal;">
                                <font style="">
                                    <font style="font-size: 12px;">
                                        ros2 launch pcdless_launch sample.launch.xml
                                        <br/>
                                    </font>
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="602" y="19" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    ros2 launch pcdless_launch sample.launch.xml
                </text>
            </switch>
        </g>
        <path d="M 180 245 L 290 245 L 392.51 244.39" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 397.76 244.36 L 390.78 247.9 L 392.51 244.39 L 390.74 240.9 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: 246px; margin-left: 293px;">
                        <div data-drawio-colors="color: #000000; background-color: rgb(255, 255, 255); " 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; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                /sensing/imu/tamagawa/imu_raw
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="293" y="249" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    /sensing/imu/tamagawa/imu_raw
                </text>
            </switch>
        </g>
        <rect x="20" y="230" width="160" height="30" rx="4.5" ry="4.5" 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 flex-start; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 237px; margin-left: 21px;">
                        <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="100" y="249" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    IMU
                </text>
            </switch>
        </g>
        <path d="M 180 285 L 290 285 L 290 286.7 L 393.31 286.65" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 398.56 286.65 L 391.56 290.15 L 393.31 286.65 L 391.56 283.15 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: 286px; margin-left: 296px;">
                        <div data-drawio-colors="color: #000000; background-color: rgb(255, 255, 255); " 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; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                /sensing/camera/traffic_light/
                                <br style="font-size: 12px;"/>
                                image_raw/compressed
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="296" y="289" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    /sensing/camera/traffic_light/...
                </text>
            </switch>
        </g>
        <rect x="20" y="270" width="160" height="30" rx="4.5" ry="4.5" 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 flex-start; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 277px; margin-left: 21px;">
                        <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
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="100" y="289" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    camera
                </text>
            </switch>
        </g>
        <path d="M 180 365 L 393.63 364.95" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 398.88 364.95 L 391.88 368.45 L 393.63 364.95 L 391.88 361.45 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: 365px; margin-left: 293px;">
                        <div data-drawio-colors="color: #000000; background-color: rgb(255, 255, 255); " 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; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                /vehicle/status/velocity_state
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="293" y="369" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    /vehicle/status/velocity_state
                </text>
            </switch>
        </g>
        <rect x="20" y="350" width="160" height="30" rx="4.5" ry="4.5" 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 flex-start; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 357px; margin-left: 21px;">
                        <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;">
                                wheel(CAN)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="100" y="369" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    wheel(CAN)
                </text>
            </switch>
        </g>
        <path d="M 180 405 L 290 405 L 393.79 404.58" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 399.04 404.55 L 392.06 408.08 L 393.79 404.58 L 392.03 401.08 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: 405px; margin-left: 275px;">
                        <div data-drawio-colors="color: #000000; background-color: rgb(255, 255, 255); " 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; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                /clock
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="275" y="408" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    /clock
                </text>
            </switch>
        </g>
        <rect x="20" y="390" width="160" height="30" rx="4.5" ry="4.5" 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 flex-start; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 397px; margin-left: 21px;">
                        <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;">
                                clock
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="100" y="409" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    clock
                </text>
            </switch>
        </g>
        <path d="M 180 323 L 180 319.5 L 393.79 319.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 399.04 319.5 L 392.04 323 L 393.79 319.5 L 392.04 316 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: 321px; margin-left: 280px;">
                        <div data-drawio-colors="color: #000000; background-color: rgb(255, 255, 255); " 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; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                /initialpose
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="280" y="325" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    /initialpose
                </text>
            </switch>
        </g>
        <rect x="720" y="320" width="200" height="120" rx="18" ry="18" fill="#81cffc" stroke="#6c8ebf" 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: 198px; height: 1px; padding-top: 380px; margin-left: 721px;">
                        <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;">
                                <font style="font-size: 15px;">
                                    RViz
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="820" y="384" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    RViz
                </text>
            </switch>
        </g>
        <path d="M 600 240 L 890 240 L 920 270 L 920 280 L 600 280 L 600 240 Z" fill="#81cffc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 890 240 L 890 270 L 920 270 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
        <path d="M 890 240 L 890 270 L 920 270" fill="none" stroke="#6c8ebf" 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 flex-start; justify-content: unsafe flex-start; width: 318px; height: 1px; padding-top: 247px; margin-left: 602px;">
                        <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: all; white-space: normal; overflow-wrap: normal;">
                                <font style="">
                                    <font style="font-size: 12px;">
                                        ros2 launch pcdless_launch rviz.launch.xml
                                    </font>
                                    <br/>
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="602" y="259" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    ros2 launch pcdless_launch rviz.launch.xml
                </text>
            </switch>
        </g>
        <path d="M 560 139.95 L 793.63 140" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 798.88 140 L 791.88 143.5 L 793.63 140 L 791.88 136.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: 139px; margin-left: 661px;">
                        <div data-drawio-colors="color: #000000; background-color: rgb(255, 255, 255); " 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; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                /localization/pf/pose
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="661" y="143" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    /localization/pf/pose
                </text>
            </switch>
        </g>
        <path d="M 560 160.2 L 680 160.2 L 793.63 160.01" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 798.88 160 L 791.89 163.51 L 793.63 160.01 L 791.88 156.51 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: 161px; margin-left: 681px;">
                        <div data-drawio-colors="color: #000000; background-color: rgb(255, 255, 255); " 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; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                /localization/imgproc
                                <br/>
                                /lanelet2_overlay_image
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="681" y="164" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    /localization/imgproc...
                </text>
            </switch>
        </g>
        <path d="M 0 0 L 330 0 L 360 30 L 360 40 L 0 40 L 0 0 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 330 0 L 330 30 L 360 30 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
        <path d="M 330 0 L 330 30 L 360 30" fill="none" stroke="#82b366" 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 flex-start; justify-content: unsafe flex-start; width: 358px; height: 1px; padding-top: 7px; margin-left: 2px;">
                        <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: all; white-space: normal; overflow-wrap: normal;">
                                <div style="font-size: 12px;">
                                    <div style="font-size: 12px;">
                                        <font style="font-size: 12px;">
                                            ros2 bag play awsim_yabloc_rosbag_sample_0.db3
                                        </font>
                                        <span style="background-color: initial;">
                                            -s sqlite3
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="2" y="19" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    ros2 bag play awsim_yabloc_rosbag_sample_0.db3 -s sqlite3
                </text>
            </switch>
        </g>
        <rect x="20" y="308" width="160" height="30" rx="4.5" ry="4.5" 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 flex-start; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 315px; margin-left: 21px;">
                        <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;">
                                2D Pose Estimate
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="100" y="327" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    2D Pose Estimate
                </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>