notes/multimodal.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="821px" height="381px" viewBox="-0.5 -0.5 821 381" content="&lt;mxfile&gt;&lt;diagram id=&quot;arDdBnRiJFgcQ-iGtJtm&quot; name=&quot;Page-1&quot;&gt;5Zhdb5swFIZ/TaTtYpPBQNLbfLSbtHXVmmrtpQMuWHVwZEyT7NfvAOYrJm2ifDTSchOf13aw3/NwDOnh0Xx1I8ki+ikCyns2ClY9PO7ZtoUcB74yZV0onmUVQihZoAfVwj37S8uZWk1ZQJPWQCUEV2zRFn0Rx9RXLY1IKZbtYc+Ct6+6ICE1hHufcFP9wwIVFerARbX+jbIwKq9sId0zJ+VgLSQRCcSyIeFJD4+kEKpozVcjyjPzSl+KeddbequFSRqrnSbYeh1qXW6OBrBXHcYihq9hpOYcIguadMXUY6P9BG301dXROEsxKoN1GcRKrh+bQWNWFtbT8qic98w4HwkuZL4wTLE/QJmeKCleaKNniK7cvMfcvnYkEan09Qb1lhWRIdWj3ELKtt6Ypi27oWJOYV0wQFJOFHttY0A0TWE1rjYcGtrzbv/1Wl4JT/WPTsks5USCqO+bjfRIkcYBDbRFy4gper8g+d6WcLe1s7XVj1cqFV29uVfdW5Kqb1U80PGyBt8qx0QN6D10uDtlWTgpnSeiDB8bKT31TjC4apUe7LTzY19t+F5grmdtWF8tY6dsYIPVhxhMSn2VSgDSRlO6UiW3SS+DwuNg0HAGNHth1vo0nPyewnVGt7dfstGfLw3vCtuz4I2M7b+D92UVUueCCqljwPl9np3iNY6XBZrlnBG0q//vkHdNNvsfxaZrsHmdJkzEF3PGG4fIWasgfpNOymdiOamFLk7RPpxCcEclg3VSucmutR+7AUmiPE3W6UD2TJDtjwLZcg5PVZWep2Z2dk7VaV0+9dOai872tOYZRWdMFDHyBy+gi6zprzmDmiPx+wVnVlSnH7NKIP5LmNesX6mCn6FaT4oXd8s9TpVy+m3znI4j1OsoUoNjFCn3YPL3OUx3Yvbo51k3s/3zvWH0DWankgBPwcWclO6HnpSmP3fw5sV8dZgv22rqs4hVQ0f5Z4daa9jZYfpWhw3cuhxGx3EYwvqvtoLX+g9LPPkH&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <path d="M 120 270 L 314.54 153.28" fill="none" stroke="#b09500" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 319.04 150.58 L 314.84 157.18 L 314.54 153.28 L 311.24 151.18 Z" fill="#b09500" stroke="#b09500" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="0" y="240" 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: 270px; 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;">
                                Tabular Model
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="60" y="274" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Tabular Model
                </text>
            </switch>
        </g>
        <path d="M 120 150 L 313.63 150" fill="none" stroke="#b09500" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 318.88 150 L 311.88 153.5 L 313.63 150 L 311.88 146.5 Z" fill="#b09500" stroke="#b09500" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="0" y="120" 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: 150px; 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;">
                                Unstructured Text Models
                                <br/>
                                (BERT/CNN-Text)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="60" y="154" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Unstructured Text Mo...
                </text>
            </switch>
        </g>
        <path d="M 120 57.69 L 314.22 147.33" fill="none" stroke="#b09500" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 318.98 149.53 L 311.16 149.78 L 314.22 147.33 L 314.1 143.42 Z" fill="#b09500" stroke="#b09500" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="0" 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: 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 Models
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="60" y="34" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Image Models
                </text>
            </switch>
        </g>
        <path d="M 440 150 L 513.63 150" fill="none" stroke="#b09500" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 518.88 150 L 511.88 153.5 L 513.63 150 L 511.88 146.5 Z" fill="#b09500" stroke="#b09500" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="320" y="120" 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: 150px; margin-left: 321px;">
                        <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;">
                                Fusion Model
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="380" y="154" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Fusion Model
                </text>
            </switch>
        </g>
        <path d="M 450 340 L 295 340 Q 285 340 285 330 L 285 280 Q 285 270 275 270 L 126.37 270" fill="none" stroke="#b09500" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 121.12 270 L 128.12 266.5 L 126.37 270 L 128.12 273.5 Z" fill="#b09500" stroke="#b09500" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 480 300 L 480 235 Q 480 225 480 215 L 480 156.37" fill="none" stroke="#b09500" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 480 151.12 L 483.5 158.12 L 480 156.37 L 476.5 158.12 Z" fill="#b09500" stroke="#b09500" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 450 315 C 450 306.72 463.43 300 480 300 C 487.96 300 495.59 301.58 501.21 304.39 C 506.84 307.21 510 311.02 510 315 L 510 365 C 510 373.28 496.57 380 480 380 C 463.43 380 450 373.28 450 365 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 510 315 C 510 323.28 496.57 330 480 330 C 463.43 330 450 323.28 450 315" 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 center; width: 58px; height: 1px; padding-top: 353px; 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: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Data
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="480" y="356" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Data
                </text>
            </switch>
        </g>
        <path d="M 640 150 L 670 150 Q 680 150 690 150 L 713.63 150" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 718.88 150 L 711.88 153.5 L 713.63 150 L 711.88 146.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="520" y="120" 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: 150px; margin-left: 521px;">
                        <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;">
                                Trained Model
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="580" y="154" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Trained Model
                </text>
            </switch>
        </g>
        <rect x="720" y="120" width="100" height="60" fill="#e3c800" stroke="#b09500" 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: 150px; margin-left: 721px;">
                        <div data-drawio-colors="color: #000000; " 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;">
                                Predict
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="770" y="154" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Predict
                </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>