MusicDiagrams/MusicObjectDiagram.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="871px" height="481px" viewBox="-0.5 -0.5 871 481" content="&lt;mxfile&gt;&lt;diagram id=&quot;9EeLEXHIMY__FndmHoZH&quot; name=&quot;Página-1&quot;&gt;7Vtbc+I2FP41PCZjWzbgxxA23dlJpp3Szj4LW4Ba2XKFCbC/vke2fBWXLAFju33COrr6O9/5dDMD9BzsfhE4Wr1xn7CBZfi7AZoOLMs0nCH8SMs+tTgjlBqWgvqqUGGY0R8kq6msG+qTdaVgzDmLaVQ1ejwMiRdXbFgIvq0WW3BW7TXCS6IZZh5muvU79eNVanUNo7B/JXS5Uj07WUaAs7LKsF5hn29LJvRlgJ4F53H6FOyeCZPYZbCk9V6O5ObjEiSMP1JBwf6O2Ua92ttmTT0w/Tr/SyJnGVOKlwIHarzxPsMAhh7Jx03AXiAfHifbFY3JLMKetG/B9WBbxQGDlCmzFVQmDAoyMoCQTM35JvSJ/zrPCr8TEVNA/InRZQi2gPq+7HqClYGRBdSerKE7Gi5fk9TUAYt6JahPdkdhMXOwgaSEByQWeyiyq/JsX01uC1+PR8q2KvnZHisjVvxa5i0XPoAH5YYjPkQa1MQH9qlkyENShZWE/pPkdJEJlhcqO5gaOR6yjdNoQJd8IzxVylZhhcWSqFLDw5gJwnBM36utfwoBu60IjJpCwGkrAuOGEMiH0zoETKspCBxNnPEm5uIgMK94DnNsBZFMKD14QSJOSaoga/oDz5P2JFYRp2GcjNyZDJzpKU1VM6yqXExsZVzPiO2D8WjbjlK9D6OomvtNDrXUVq0GXyzW4Lg66vkgPuYIq7VcPILs9bk47AsXj0RviYuZuy+l4nW519rVgGkcRvL63Bv1hXvoHPdMx1Xk21dav5SK+4MVrkNM+ye80gK6uk2xdazhQiXvIkFi0ldwkqowVLwvFVDRc3SuHlY3Wai6VYWHtMFLCYqMtqL9aeW8CG5rXMPbvjLe5s8Sv81ajY74SLVkPFpoNL6mVF9VnFF/V6wXcR/VtQZdmfv6OVqXuX96jWw8Gs549Dm2Kz/cZLuGWnt89Omjg4vIb49q5DeuTH79nKLL5LdPkh8W6ZbpjiqAPrRJ+vVl+cAaMnlSHlUcMfxnIy8ZJgHwkwLAT5BrRLuBlTLeSO0PMY/SPLuUB7jGD8pjMk85rZLtE48LgIOrMvJ4XzAK4ZV3DU9L9ZsMcJ4ZsJm0Jas9AQvWMc6KwNvP69XAFtVtK1G3XPT26R2DzBzLzPrAAXNZAdozcpTnec8huC3Pf6PeCie3YN+w9/caUNHLYw/QAlh97BcV/5w9HX7RWlzV4yVxXP2yhEOpBUuUbpHo22TBw1jdr4E6pekXHFAmuf2VsHciW63G6tH4+vgFi1W7YBnpNyzm8MANi3uNC5ZhK+YHR58fmjpcR/ppXsv2qAfAaezcXZ/OOqigVu8U9Pdk0fOMBSPr/7Z4Dt2aeroNqqcuHR2MDjYvrTDYfBO0PjrMM9Exwb5eAoe8aMCVe7bexUJ9JYEOhIJ5o1DQ7yU6GQqlqaIToWCdGs0t+q4E2h+CMumAM7F2ZJCdjjVUO0G2G4w1/Valk7GGOhZr6K6x9l0+Aj1l2MmNibHlgp2f55wexp5jV2Ov0Q3zqBV7QlffEzb1RaLbA/UJzLRO8oFv+7eD5xa8s4BzYD7sCAUNKOz89PL+RmAPF9JgOUYPlaF+tXVIGZxbKcO4FcqQLTru8qmu0QdtsDqlDeeOiiZAKCqT3wg+cNBe14XkQqx3umDVTony1XtZGKxbCYPbDmHI/hx0D2HQv4fpoDCgTgkD+l8YzguD7dxRGPI/vt1ZGCxdGJq6fcv67rYw2J0SBvuMMJROGuLViZMGTSHcPirEsH6ofsM9BSSLv7um37sU/xlGX/4F&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <path d="M 0 0 L 120 0 L 120 15 L 110 30 L 0 30 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 120 0 L 870 0 L 870 480 L 0 480 L 0 30" fill="none" 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 flex-start; width: 113px; height: 1px; padding-top: 15px; margin-left: 7px;">
                        <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;">
                                Music Object Diagram
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="7" y="19" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    Music Object Diagram
                </text>
            </switch>
        </g>
        <path d="M 146.25 160 L 210 109" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 170 173.96 L 370 96.34" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 170 189.62 L 530 120.38" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 170 231.89 L 610 379.79" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <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: 273px; margin-left: 292px;">
                        <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;">
                                autor
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="292" y="277" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    autor
                </text>
            </switch>
        </g>
        <path d="M 170 245.98 L 440 384.27" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <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: 287px; margin-left: 249px;">
                        <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;">
                                autor
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="249" y="290" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    autor
                </text>
            </switch>
        </g>
        <path d="M 143.57 250 L 286.43 370" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <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: 301px; margin-left: 204px;">
                        <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;">
                                autor
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="204" y="304" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    autor
                </text>
            </switch>
        </g>
        <path d="M 97.88 250 L 117.13 360" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <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: 305px; margin-left: 108px;">
                        <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;">
                                autor
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="108" y="308" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    autor
                </text>
            </switch>
        </g>
        <path d="M 72.86 250 L 53.56 300.66 Q 50 310 56.2 317.85 L 89.47 360" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <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: 310px; margin-left: 50px;">
                        <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;">
                                interprete
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="50" y="313" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    interprete
                </text>
            </switch>
        </g>
        <path d="M 154.8 250 L 261.79 324.3 Q 270 330 276.36 337.72 L 302.94 370" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <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: 318px; margin-left: 254px;">
                        <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;">
                                interprete
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="254" y="321" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    interprete
                </text>
            </switch>
        </g>
        <path d="M 170 240.38 L 340.85 315.95 Q 350 320 358.45 325.35 L 440 377" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <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: 305px; margin-left: 318px;">
                        <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;">
                                interprete
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="318" y="308" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    interprete
                </text>
            </switch>
        </g>
        <path d="M 170 223.38 L 450.25 287.76 Q 460 290 468.9 294.55 L 610 366.67" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <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: 266px; margin-left: 348px;">
                        <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;">
                                interprete
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="348" y="269" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    interprete
                </text>
            </switch>
        </g>
        <rect x="10" y="160" width="160" height="90" 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 flex-start; width: 162px; height: 90px; padding-top: 160px; margin-left: 10px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; width: 160px; height: 90px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; width: 100%; height: 100%; white-space: nowrap;">
                                <p style="margin: 0px ; margin-top: 4px ; text-align: center ; text-decoration: underline">
                                    <b>
                                        a1 : Artista
                                    </b>
                                </p>
                                <hr/>
                                <p style="margin: 0px ; margin-left: 8px">
                                    id = 2
                                    <br/>
                                    nome = Michael Jackson
                                    <br/>
                                    nacionalidade = USA
                                </p>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="10" y="172" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    a1 : Artista...
                </text>
            </switch>
        </g>
        <path d="M 703.75 180 L 666.25 150" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 741.25 270 L 703.75 360" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <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: 315px; margin-left: 722px;">
                        <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;">
                                interprete
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="722" y="319" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    interprete
                </text>
            </switch>
        </g>
        <rect x="680" y="180" width="160" height="90" 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 flex-start; width: 162px; height: 90px; padding-top: 180px; margin-left: 680px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; width: 160px; height: 90px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; width: 100%; height: 100%; white-space: nowrap;">
                                <p style="margin: 0px ; margin-top: 4px ; text-align: center ; text-decoration: underline">
                                    <b>
                                        a2 : Artista
                                    </b>
                                </p>
                                <hr/>
                                <p style="margin: 0px ; margin-left: 8px">
                                    id = 2
                                    <br/>
                                    nome = Ray Carles
                                    <br/>
                                    nacionalidade = USA
                                </p>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="680" y="192" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    a2 : Artista...
                </text>
            </switch>
        </g>
        <rect x="210" y="20" width="110" height="90" 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 flex-start; width: 112px; height: 90px; padding-top: 20px; margin-left: 210px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; width: 110px; height: 90px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; width: 100%; height: 100%; white-space: nowrap;">
                                <p style="margin: 0px ; margin-top: 4px ; text-align: center ; text-decoration: underline">
                                    <b>
                                        alb1 : Album
                                    </b>
                                </p>
                                <hr/>
                                <p style="margin: 0px ; margin-left: 8px">
                                    id = 1
                                    <br/>
                                    nome = Bad
                                    <br/>
                                    ano = 1987
                                </p>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="210" y="32" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    alb1 : Album...
                </text>
            </switch>
        </g>
        <rect x="370" y="30" width="110" height="90" 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 flex-start; width: 112px; height: 90px; padding-top: 30px; margin-left: 370px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; width: 110px; height: 90px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; width: 100%; height: 100%; white-space: nowrap;">
                                <p style="margin: 0px ; margin-top: 4px ; text-align: center ; text-decoration: underline">
                                    <b>
                                        alb2 : Album
                                    </b>
                                </p>
                                <hr/>
                                <p style="margin: 0px ; margin-left: 8px">
                                    id = 2
                                </p>
                                <p style="margin: 0px ; margin-left: 8px">
                                    nome = Triler
                                    <br/>
                                    ano = 1982
                                </p>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="370" y="42" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    alb2 : Album...
                </text>
            </switch>
        </g>
        <rect x="530" y="60" width="160" height="90" 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 flex-start; width: 162px; height: 90px; padding-top: 60px; margin-left: 530px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; width: 160px; height: 90px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; width: 100%; height: 100%; white-space: nowrap;">
                                <p style="margin: 0px ; margin-top: 4px ; text-align: center ; text-decoration: underline">
                                    <b>
                                        alb3 : Album
                                    </b>
                                </p>
                                <hr/>
                                <p style="margin: 0px ; margin-left: 8px">
                                    id = 3
                                </p>
                                <p style="margin: 0px ; margin-left: 8px">
                                    nome = We are Tte world
                                    <br/>
                                    ano = 1985
                                </p>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="530" y="72" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    alb3 : Album...
                </text>
            </switch>
        </g>
        <path d="M 143.53 360 L 246.47 110" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <rect x="50" y="360" width="150" height="90" 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 flex-start; width: 152px; height: 90px; padding-top: 360px; margin-left: 50px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; width: 150px; height: 90px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; width: 100%; height: 100%; white-space: nowrap;">
                                <p style="margin: 0px ; margin-top: 4px ; text-align: center ; text-decoration: underline">
                                    <b>
                                        m1: Musica
                                    </b>
                                </p>
                                <hr/>
                                <p style="margin: 0px ; margin-left: 8px">
                                    id = 1
                                    <br/>
                                    nome = Smooth Criminal
                                    <br/>
                                    duracao = 250
                                </p>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="50" y="372" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    m1: Musica...
                </text>
            </switch>
        </g>
        <path d="M 351.25 370 L 413.75 120" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <rect x="280" y="370" width="120" height="90" 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 flex-start; width: 122px; height: 90px; padding-top: 370px; margin-left: 280px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; width: 120px; height: 90px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; width: 100%; height: 100%; white-space: nowrap;">
                                <p style="margin: 0px ; margin-top: 4px ; text-align: center ; text-decoration: underline">
                                    <b>
                                        m2: Musica
                                    </b>
                                </p>
                                <hr/>
                                <p style="margin: 0px ; margin-left: 8px">
                                    id = 2
                                    <br/>
                                    nome = Billie Jean
                                    <br/>
                                    duracao = 300
                                </p>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="280" y="382" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    m2: Musica...
                </text>
            </switch>
        </g>
        <path d="M 490.07 370 L 434.93 120" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <rect x="440" y="370" width="120" height="90" 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 flex-start; width: 122px; height: 90px; padding-top: 370px; margin-left: 440px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; width: 120px; height: 90px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; width: 100%; height: 100%; white-space: nowrap;">
                                <p style="margin: 0px ; margin-top: 4px ; text-align: center ; text-decoration: underline">
                                    <b>
                                        m3: Musica
                                    </b>
                                </p>
                                <hr/>
                                <p style="margin: 0px ; margin-left: 8px">
                                    id = 3
                                    <br/>
                                    nome = Billie Jean
                                    <br/>
                                    duracao = 300
                                </p>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="440" y="382" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    m3: Musica...
                </text>
            </switch>
        </g>
        <path d="M 673.75 360 L 621.25 150" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <rect x="610" y="360" width="150" height="90" 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 flex-start; width: 152px; height: 90px; padding-top: 360px; margin-left: 610px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; width: 150px; height: 90px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; width: 100%; height: 100%; white-space: nowrap;">
                                <p style="margin: 0px ; margin-top: 4px ; text-align: center ; text-decoration: underline">
                                    <b>
                                        m4: Musica
                                    </b>
                                </p>
                                <hr/>
                                <p style="margin: 0px ; margin-left: 8px">
                                    id = 4
                                    <br/>
                                    nome = We are the world
                                    <br/>
                                    duracao = 390
                                </p>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="610" y="372" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    m4: Musica...
                </text>
            </switch>
        </g>
    </g>
    <switch>
        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
                Viewer does not support full SVG 1.1
            </text>
        </a>
    </switch>
</svg>