High_Level_Design.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="771px" height="250px" viewBox="-0.5 -0.5 771 250" content="&lt;mxfile&gt;&lt;diagram id=&quot;WfbcbNrQGSfDdmIAcsLB&quot; name=&quot;Page-1&quot;&gt;1VdNc5swEP01PmYGBCbp0R9Jmpmmh7ppe1VgDZoI5MrCdvrru0JLjGyYSZu4aXwBPUns7tv3hBlFs3J3rfmquFUZyBELst0omo8YC+NxiBeLPDokOY8ckGuR0aI9sBC/gMCA0FpksPYWGqWkESsfTFVVQWo8jGuttv6ypZJ+1BXP4QhYpFweo99FZgqHjoNgj38EkRcUOW4n7nn6kGtVVxRuxKJl83PTJW8fRevXBc/UtgNFl6NoppUy7q7czUBaalvW3L6rgdmntDVU5jkb2Ae3Y8NlDW3KicS900xsbILmkThJftY2q6l3l9O12bFe8ap3y1JV5mzdNHmCCyK22jXbOnSdpUoq7eZFJYzgsjfWJ5ULbBOu+iZgi5e54LnmZZsDlurS8FNDuKmnRZmXJzOws3hhSow6D20tRqsHmLmk5pWqwNYhpDyAuBR5hcMUCQfEpxvQxmY4oYlSZJkNM90WwsBixVMbc4u2QawpHWwvAqKJrHBBwzYa6ihofoRf8VJI662vokSfsOBzQ8YXVWLtbYFdGZAybHaw60Aki2tQJRj9iEva2XDstpCDo5gku9374fycsKLjhYgwThbMnx691yHekBT7ZRlFPbI86Blk6FgaUjM6/etwGSY4hiqb2HNhvxiRK2EzaLj3+92l2wW20QY9RtBa1ToFnwXDdQ4tM6yfcQ2SG7Hxn/8i+oJBV1tenuPRMCGPHhpwUpsCC0eJG6Gqjr/ckwcM5gu9zwqd3g1ItYfzQfWyJPDUG7LxkXpD1qPe5DXUO36peofV+Ke6/kv1sh71xv9Kvex06r27weh3P/5X2cbxW8o2Ph3vt0gWC27wHYkv65MdHIfmeIWOJOFbduTi3R8kyVu+BpPTCXpa239dC6OcrpfqvRwpLDydgHG4/3Rp5jqfh9Hlbw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
    <defs/>
    <g>
        <rect x="0" y="215" width="770" 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: 768px; height: 1px; padding-top: 230px; margin-left: 1px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 8px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <div style="">
                                    <span style="font-size: 32px; background-color: initial;">
                                        Logical View Diagram
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="385" y="232" fill="#000000" font-family="Times New Roman" font-size="8px" text-anchor="middle">
                    Logical View Diagram
                </text>
            </switch>
        </g>
        <path d="M 265 30 L 325 30" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <rect x="145" y="0" width="120" height="60" 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: 118px; height: 1px; padding-top: 30px; margin-left: 146px;">
                        <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: 16px;">
                                    Authentication
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="205" y="34" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Authentication
                </text>
            </switch>
        </g>
        <path d="M 445 30 L 495 30" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <rect x="325" y="0" width="120" height="60" 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: 118px; height: 1px; padding-top: 30px; margin-left: 326px;">
                        <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: 16px;">
                                    UI/UX
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="385" y="34" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    UI/UX
                </text>
            </switch>
        </g>
        <rect x="495" y="0" width="120" height="60" 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: 118px; height: 1px; padding-top: 30px; margin-left: 496px;">
                        <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: 16px; 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: 16px;">
                                    Map Integration
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="555" y="35" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    Map Integration
                </text>
            </switch>
        </g>
        <path d="M 385 90 L 385 60" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <rect x="325" y="90" width="120" height="60" 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: 118px; height: 1px; padding-top: 120px; margin-left: 326px;">
                        <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: 16px;">
                                    Bus Stop Info
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="385" y="124" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Bus Stop Info
                </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>