_docimg/script_structure.svg

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="-0.5 -0.5 702 376">
    <defs/>
    <g>
        <rect x="0" y="0" width="160" height="80" fill="none" stroke="#9eb4c7" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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:40px;margin-left:80px">
                        <div style="box-sizing:border-box;font-size:0;text-align:center">
                            <div style="display:inline-block;font-size:15px;font-family:Helvetica;color:#9eb4c7;line-height:1.2;pointer-events:all;white-space:nowrap">
                                <font style="font-size:18px">
                                    <b>
                                        1. Driver Setup
                                    </b>
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="80" y="45" fill="#9eb4c7" font-family="Helvetica" font-size="15px" text-anchor="middle">
                    Driver Setup
                </text>
            </switch>
        </g>
        <rect x="200" y="0" width="280" height="80" fill="none" stroke="#61a5e0" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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:40px;margin-left:340px">
                        <div style="box-sizing:border-box;font-size:0;text-align:center">
                            <div style="display:inline-block;font-size:15px;font-family:Helvetica;color:#61a5e0;line-height:1.2;pointer-events:all;white-space:nowrap">
                                <font style="font-size:18px">
                                    <b>
                                        2. Surface Layout
                                    </b>
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="340" y="45" fill="#61A5E0" font-family="Helvetica" font-size="15px" text-anchor="middle">
                    Surface Layout
                </text>
            </switch>
        </g>
        <rect x="520" y="0" width="160" height="80" fill="none" stroke="#fc5171" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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:40px;margin-left:600px">
                        <div style="box-sizing:border-box;font-size:0;text-align:center">
                            <div style="display:inline-block;font-size:15px;font-family:Helvetica;color:#fc5171;line-height:1.2;pointer-events:all;white-space:nowrap">
                                <font style="font-size:18px">
                                    <b>
                                        3. Host Mapping
                                    </b>
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="600" y="45" fill="#FC5171" font-family="Helvetica" font-size="15px" text-anchor="middle">
                    Host Mapping
                </text>
            </switch>
        </g>
        <rect x="240" y="190" width="200" height="60" fill="none" stroke="#61a5e0" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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:220px;margin-left:340px">
                        <div style="box-sizing:border-box;font-size:0;text-align:center">
                            <div style="display:inline-block;font-size:13px;font-family:Helvetica;color:#61a5e0;line-height:1.2;pointer-events:all;white-space:nowrap">
                                <font>
                                    <font style="font-size:16px">
                                        <b>
                                            SurfaceElement
                                        </b>
                                    </font>
                                    <br/>
                                    <font style="font-size:12px">
                                        Knob, Fader, Button, ...
                                    </font>
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="340" y="224" fill="#61A5E0" font-family="Helvetica" font-size="13px" text-anchor="middle">
                    Element...
                </text>
            </switch>
        </g>
        <path d="M 340 187.76 L 340 80" fill="none" stroke="#61a5e0" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 336.5 181.88 L 340 188.88 L 343.5 181.88" fill="none" stroke="#61a5e0" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="560" y="140" width="80" height="40" fill="none" stroke="#fc5171" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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:160px;margin-left:600px">
                        <div style="box-sizing:border-box;font-size:0;text-align:center">
                            <div style="display:inline-block;font-size:13px;font-family:Helvetica;color:#fc5171;line-height:1.2;pointer-events:all;white-space:nowrap">
                                <font style="font-size:13px">
                                    <b>
                                        Page
                                    </b>
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="600" y="164" fill="#FC5171" font-family="Helvetica" font-size="13px" text-anchor="middle">
                    Page
                </text>
            </switch>
        </g>
        <rect x="460" y="340" width="80" height="30" fill="none" stroke="#00f5ed" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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:355px;margin-left:500px">
                        <div style="box-sizing:border-box;font-size:0;text-align:center">
                            <div style="display:inline-block;font-size:13px;font-family:Helvetica;color:#00f5ed;line-height:1.2;pointer-events:all;white-space:nowrap">
                                <font size="1">
                                    <b style="font-size:11px">
                                        ValueBinding
                                    </b>
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="500" y="359" fill="#00F5ED" font-family="Helvetica" font-size="13px" text-anchor="middle">
                    ValueBinding
                </text>
            </switch>
        </g>
        <rect x="591" y="260" width="110" height="40" fill="none" stroke="#fc5171" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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:280px;margin-left:646px">
                        <div style="box-sizing:border-box;font-size:0;text-align:center">
                            <div style="display:inline-block;font-size:13px;font-family:Helvetica;color:#fc5171;line-height:1.2;pointer-events:all;white-space:nowrap">
                                <font size="1">
                                    <span style="font-size:8px">
                                        <span style="font-weight:700;font-size:11px">
                                            HostObject
                                        </span>
                                        <br/>
                                        Transport, MixConsole, ...
                                        <br/>
                                    </span>
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="646" y="284" fill="#FC5171" font-family="Helvetica" font-size="13px" text-anchor="middle">
                    HostObject...
                </text>
            </switch>
        </g>
        <rect x="300" y="340" width="80" height="30" fill="none" stroke="#61a5e0" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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:355px;margin-left:340px">
                        <div style="box-sizing:border-box;font-size:0;text-align:center">
                            <div style="display:inline-block;font-size:11px;font-family:Helvetica;color:#61a5e0;line-height:1.2;pointer-events:all;white-space:nowrap">
                                <b style="font-size:11px">
                                    SurfaceValue
                                </b>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="340" y="358" fill="#61A5E0" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    SurfaceValue
                </text>
            </switch>
        </g>
        <rect x="611" y="340" width="70" height="30" fill="none" stroke="#fc5171" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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:355px;margin-left:646px">
                        <div style="box-sizing:border-box;font-size:0;text-align:center">
                            <div style="display:inline-block;font-size:11px;font-family:Helvetica;color:#fc5171;line-height:1.2;pointer-events:all;white-space:nowrap">
                                <b style="font-size:11px">
                                    HostValue
                                </b>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="646" y="358" fill="#FC5171" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    HostValue
                </text>
            </switch>
        </g>
        <path d="M 620 180 L 644.02 207.32" fill="none" stroke="#fc5171" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 635.44 204.37 L 644.76 208.16 L 642.2 198.43" fill="none" stroke="#fc5171" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 646 300 L 646 337.76" fill="none" stroke="#fc5171" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 641.5 329.88 L 646 338.88 L 650.5 329.88" fill="none" stroke="#fc5171" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 382.24 355 L 445.01 355" fill="none" stroke="#00f5ed" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 390.12 350.5 L 381.12 355 L 390.12 359.5" fill="none" stroke="#00f5ed" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 459.01 355 L 452.01 359.12 L 445.01 355 L 452.01 350.88 Z" fill="none" stroke="#00f5ed" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 608.76 355 L 554.99 355" fill="none" stroke="#00f5ed" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 600.88 359.5 L 609.88 355 L 600.88 350.5" fill="none" stroke="#00f5ed" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 540.99 355 L 547.99 350.88 L 554.99 355 L 547.99 359.12 Z" fill="none" stroke="#00f5ed" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="591" y="209" width="109" height="30" fill="none" stroke="#fc5171" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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:224px;margin-left:646px">
                        <div style="box-sizing:border-box;font-size:0;text-align:center">
                            <div style="display:inline-block;font-size:13px;font-family:Helvetica;color:#fc5171;line-height:1.2;pointer-events:all;white-space:nowrap">
                                <font size="1">
                                    <span style="font-size:8px">
                                        <span style="font-weight:700;font-size:11px">
                                            HostAccess
                                        </span>
                                        <br/>
                                    </span>
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="646" y="228" fill="#FC5171" font-family="Helvetica" font-size="13px" text-anchor="middle">
                    HostAccess
                </text>
            </switch>
        </g>
        <rect x="0" y="335" width="80" height="40" fill="none" stroke="#9eb4c7" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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:355px;margin-left:40px">
                        <div style="box-sizing:border-box;font-size:0;text-align:center">
                            <div style="display:inline-block;font-size:13px;font-family:Helvetica;color:#9eb4c7;line-height:1.2;pointer-events:all;white-space:nowrap">
                                <b>
                                    <font style="font-size:11px">
                                        MIDI Input
                                    </font>
                                </b>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="40" y="359" fill="#9eb4c7" font-family="Helvetica" font-size="13px" text-anchor="middle">
                    MIDI Input
                </text>
            </switch>
        </g>
        <rect x="80" y="239" width="80" height="40" fill="none" stroke="#9eb4c7" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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:259px;margin-left:120px">
                        <div style="box-sizing:border-box;font-size:0;text-align:center">
                            <div style="display:inline-block;font-size:13px;font-family:Helvetica;color:#9eb4c7;line-height:1.2;pointer-events:all;white-space:nowrap">
                                <b>
                                    <font style="font-size:11px">
                                        MIDI Output
                                    </font>
                                </b>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="120" y="263" fill="#9eb4c7" font-family="Helvetica" font-size="13px" text-anchor="middle">
                    MIDI Output
                </text>
            </switch>
        </g>
        <path d="M 40 332.76 L 40 80" fill="none" stroke="#9eb4c7" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 36.5 326.88 L 40 333.88 L 43.5 326.88" fill="none" stroke="#9eb4c7" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 120 236.76 L 120 80" fill="none" stroke="#9eb4c7" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 116.5 230.88 L 120 237.88 L 123.5 230.88" fill="none" stroke="#9eb4c7" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 340 337.76 L 340 250" fill="none" stroke="#61a5e0" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 336.5 331.88 L 340 338.88 L 343.5 331.88" fill="none" stroke="#61a5e0" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 501 338 L 580 180" fill="none" stroke="#fc5171" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 500.5 331.17 L 500.5 339 L 506.76 334.3" fill="none" stroke="#fc5171" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 600 137.76 L 600 80" fill="none" stroke="#fc5171" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 596.5 131.88 L 600 138.88 L 603.5 131.88" fill="none" stroke="#fc5171" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 645.5 239 L 645.95 257.76" fill="none" stroke="#fc5171" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 641.26 249.99 L 645.97 258.88 L 650.26 249.78" fill="none" stroke="#fc5171" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="150" y="340" width="80" height="30" fill="none" stroke="#00f5ed" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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:355px;margin-left:190px">
                        <div style="box-sizing:border-box;font-size:0;text-align:center">
                            <div style="display:inline-block;font-size:13px;font-family:Helvetica;color:#00f5ed;line-height:1.2;pointer-events:all;white-space:nowrap">
                                <font size="1">
                                    <b style="font-size:11px">
                                        MIDI Binding
                                    </b>
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="190" y="359" fill="#00F5ED" font-family="Helvetica" font-size="13px" text-anchor="middle">
                    MIDI Binding
                </text>
            </switch>
        </g>
        <path d="M 82.24 355 L 135.01 355" fill="none" stroke="#00f5ed" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 90.12 350.5 L 81.12 355 L 90.12 359.5" fill="none" stroke="#00f5ed" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 149.01 355 L 142.01 359.12 L 135.01 355 L 142.01 350.88 Z" fill="none" stroke="#00f5ed" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 121.42 280.73 L 160.5 328.41" fill="none" stroke="#00f5ed" stroke-opacity="0.5" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 129.89 283.97 L 120.71 279.86 L 122.93 289.68" fill="none" stroke="#00f5ed" stroke-opacity="0.5" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 169.37 339.24 L 161.75 336.43 L 160.5 328.41 L 168.12 331.21 Z" fill="none" stroke="#00f5ed" stroke-opacity="0.5" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 297.76 355 L 244.99 355" fill="none" stroke="#00f5ed" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 289.88 359.5 L 298.88 355 L 289.88 350.5" fill="none" stroke="#00f5ed" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 230.99 355 L 237.99 350.88 L 244.99 355 L 237.99 359.12 Z" fill="none" stroke="#00f5ed" stroke-miterlimit="10" pointer-events="all"/>
    </g>
    <switch>
        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
        <a transform="translate(0,-5)" xlink:href="https://desk.draw.io/support/solutions/articles/16000042487" 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>