BogaudioModules

BogaudioModules for VCV Rack
Log | Files | Refs | README | LICENSE

Matrix44-pp.svg (26280B)


      1 <?xml version="1.0"?>
      2 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150.0" height="380.0" viewBox="0 0 150.0 380.0">
      3   <style>text {
      4   fill: #333;
      5   font-family: 'Roboto', sans-serif;
      6   font-weight: bold;
      7 }
      8 text.title {
      9   font-family: 'Comfortaa', sans-serif;
     10   font-weight: normal;
     11 }
     12 text.brand {
     13   font-family: 'Audiowide', sans-serif;
     14   font-weight: bold;
     15 }
     16 
     17 polyline {
     18   stroke: #333;
     19 }
     20 path {
     21   stroke: #333;
     22 }
     23 
     24 rect.module-background, .background-fill {
     25   fill: #ddd;
     26 }
     27 polyline.module-border-inner {
     28   stroke: #e4e4e4;
     29 }
     30 polyline.module-border-middle {
     31   stroke: #ebebeb;
     32 }
     33 polyline.module-border-outer {
     34   stroke: #f2f2f2;
     35 }
     36 
     37 g.io-group {
     38 }
     39 rect.input-background, rect.input-background-filler {
     40   fill: #fafafa;
     41 }
     42 rect.output-background, rect.output-background-filler {
     43   fill: #bbb;
     44 }
     45 text.input-label, text.output-label {
     46   /* font-size: 6pt; */
     47 }
     48 polyline.input-label, polyline.output-label {
     49 }
     50 path.input-label, path.output-label {
     51 }
     52 
     53 circle.port-rim {
     54   stroke: #f0f0f0;
     55 }
     56 circle.port-barrel {
     57   stroke: #222;
     58   fill: #222;
     59 }
     60 circle.knob-center {
     61    fill: #eee;
     62 }
     63 circle.knob-rim {
     64    fill: #333;
     65 }
     66 circle.knob-tick {
     67   fill: #fff;
     68 }
     69 polyline.knob-tick {
     70   stroke: #fff;
     71 }
     72 </style>
     73 
     74   
     75       
     76       <rect class="module-background background-fill" width="150.0" height="380.0"/>
     77     
     78       
     79       <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
     80       <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
     81       <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
     82     
     83       <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">MATRIX44</text>
     84       <g transform="translate(0 374)">
     85         <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text>
     86         <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/>
     87       </g>
     88     
     89 
     90   <g transform="translate(13.5 42.5)">
     91     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1A</text>
     92     <g transform="translate(3.5 16)"><svg id="MIX11_PARAM">
     93       <g transform="translate(10 10)">
     94         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
     95         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
     96         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
     97       </g>
     98     </svg></g>
     99     <g transform="translate(-6.5 6)">
    100       <g transform="translate(20 20)">
    101         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    102         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/>
    103         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/>
    104         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/>
    105         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/>
    106       </g>
    107     </g>
    108   </g>
    109   <g transform="translate(13.5 99)">
    110     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2A</text>
    111     <g transform="translate(3.5 16)"><svg id="MIX21_PARAM">
    112       <g transform="translate(10 10)">
    113         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    114         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    115         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    116       </g>
    117     </svg></g>
    118     <g transform="translate(-6.5 6)">
    119       <g transform="translate(20 20)">
    120         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    121         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/>
    122         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/>
    123         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/>
    124         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/>
    125       </g>
    126     </g>
    127   </g>
    128   <g transform="translate(13.5 155)">
    129     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3A</text>
    130     <g transform="translate(3.5 16)"><svg id="MIX31_PARAM">
    131       <g transform="translate(10 10)">
    132         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    133         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    134         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    135       </g>
    136     </svg></g>
    137     <g transform="translate(-6.5 6)">
    138       <g transform="translate(20 20)">
    139         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    140         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/>
    141         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/>
    142         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/>
    143         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/>
    144       </g>
    145     </g>
    146   </g>
    147   <g transform="translate(13.5 211)">
    148     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4A</text>
    149     <g transform="translate(3.5 16)"><svg id="MIX41_PARAM">
    150       <g transform="translate(10 10)">
    151         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    152         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    153         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    154       </g>
    155     </svg></g>
    156     <g transform="translate(-6.5 6)">
    157       <g transform="translate(20 20)">
    158         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    159         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/>
    160         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/>
    161         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/>
    162         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/>
    163       </g>
    164     </g>
    165   </g>
    166 
    167   <g transform="translate(45.5 42.5)">
    168     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1B</text>
    169     <g transform="translate(3.5 16)"><svg id="MIX12_PARAM">
    170       <g transform="translate(10 10)">
    171         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    172         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    173         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    174       </g>
    175     </svg></g>
    176     <g transform="translate(-6.5 6)">
    177       <g transform="translate(20 20)">
    178         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    179         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/>
    180         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/>
    181         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/>
    182         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/>
    183       </g>
    184     </g>
    185   </g>
    186   <g transform="translate(45.5 99)">
    187     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2B</text>
    188     <g transform="translate(3.5 16)"><svg id="MIX22_PARAM">
    189       <g transform="translate(10 10)">
    190         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    191         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    192         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    193       </g>
    194     </svg></g>
    195     <g transform="translate(-6.5 6)">
    196       <g transform="translate(20 20)">
    197         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    198         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/>
    199         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/>
    200         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/>
    201         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/>
    202       </g>
    203     </g>
    204   </g>
    205   <g transform="translate(45.5 155)">
    206     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3B</text>
    207     <g transform="translate(3.5 16)"><svg id="MIX32_PARAM">
    208       <g transform="translate(10 10)">
    209         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    210         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    211         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    212       </g>
    213     </svg></g>
    214     <g transform="translate(-6.5 6)">
    215       <g transform="translate(20 20)">
    216         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    217         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/>
    218         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/>
    219         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/>
    220         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/>
    221       </g>
    222     </g>
    223   </g>
    224   <g transform="translate(45.5 211)">
    225     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4B</text>
    226     <g transform="translate(3.5 16)"><svg id="MIX42_PARAM">
    227       <g transform="translate(10 10)">
    228         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    229         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    230         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    231       </g>
    232     </svg></g>
    233     <g transform="translate(-6.5 6)">
    234       <g transform="translate(20 20)">
    235         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    236         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/>
    237         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/>
    238         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/>
    239         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/>
    240       </g>
    241     </g>
    242   </g>
    243 
    244   <g transform="translate(77.5 42.5)">
    245     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1C</text>
    246     <g transform="translate(3.5 16)"><svg id="MIX13_PARAM">
    247       <g transform="translate(10 10)">
    248         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    249         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    250         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    251       </g>
    252     </svg></g>
    253     <g transform="translate(-6.5 6)">
    254       <g transform="translate(20 20)">
    255         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    256         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/>
    257         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/>
    258         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/>
    259         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/>
    260       </g>
    261     </g>
    262   </g>
    263   <g transform="translate(77.5 99)">
    264     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2C</text>
    265     <g transform="translate(3.5 16)"><svg id="MIX23_PARAM">
    266       <g transform="translate(10 10)">
    267         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    268         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    269         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    270       </g>
    271     </svg></g>
    272     <g transform="translate(-6.5 6)">
    273       <g transform="translate(20 20)">
    274         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    275         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/>
    276         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/>
    277         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/>
    278         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/>
    279       </g>
    280     </g>
    281   </g>
    282   <g transform="translate(77.5 155)">
    283     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3C</text>
    284     <g transform="translate(3.5 16)"><svg id="MIX33_PARAM">
    285       <g transform="translate(10 10)">
    286         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    287         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    288         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    289       </g>
    290     </svg></g>
    291     <g transform="translate(-6.5 6)">
    292       <g transform="translate(20 20)">
    293         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    294         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/>
    295         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/>
    296         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/>
    297         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/>
    298       </g>
    299     </g>
    300   </g>
    301   <g transform="translate(77.5 211)">
    302     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4C</text>
    303     <g transform="translate(3.5 16)"><svg id="MIX43_PARAM">
    304       <g transform="translate(10 10)">
    305         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    306         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    307         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    308       </g>
    309     </svg></g>
    310     <g transform="translate(-6.5 6)">
    311       <g transform="translate(20 20)">
    312         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    313         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/>
    314         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/>
    315         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/>
    316         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/>
    317       </g>
    318     </g>
    319   </g>
    320 
    321   <g transform="translate(109.5 42.5)">
    322     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1D</text>
    323     <g transform="translate(3.5 16)"><svg id="MIX14_PARAM">
    324       <g transform="translate(10 10)">
    325         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    326         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    327         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    328       </g>
    329     </svg></g>
    330     <g transform="translate(-6.5 6)">
    331       <g transform="translate(20 20)">
    332         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    333         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/>
    334         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/>
    335         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/>
    336         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/>
    337       </g>
    338     </g>
    339   </g>
    340   <g transform="translate(109.5 99)">
    341     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2D</text>
    342     <g transform="translate(3.5 16)"><svg id="MIX24_PARAM">
    343       <g transform="translate(10 10)">
    344         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    345         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    346         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    347       </g>
    348     </svg></g>
    349     <g transform="translate(-6.5 6)">
    350       <g transform="translate(20 20)">
    351         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    352         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/>
    353         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/>
    354         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/>
    355         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/>
    356       </g>
    357     </g>
    358   </g>
    359   <g transform="translate(109.5 155)">
    360     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3D</text>
    361     <g transform="translate(3.5 16)"><svg id="MIX34_PARAM">
    362       <g transform="translate(10 10)">
    363         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    364         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    365         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    366       </g>
    367     </svg></g>
    368     <g transform="translate(-6.5 6)">
    369       <g transform="translate(20 20)">
    370         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    371         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/>
    372         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/>
    373         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/>
    374         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/>
    375       </g>
    376     </g>
    377   </g>
    378   <g transform="translate(109.5 211)">
    379     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4D</text>
    380     <g transform="translate(3.5 16)"><svg id="MIX44_PARAM">
    381       <g transform="translate(10 10)">
    382         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    383         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    384         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    385       </g>
    386     </svg></g>
    387     <g transform="translate(-6.5 6)">
    388       <g transform="translate(20 20)">
    389         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    390         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/>
    391         <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/>
    392         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/>
    393         <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/>
    394       </g>
    395     </g>
    396   </g>
    397 
    398   <g class="io-group" transform="translate(0 269)">
    399     <rect class="output-background" width="130" height="91" rx="5" transform="translate(10 0)"/>
    400     <rect class="input-background" width="130" height="44" rx="5" transform="translate(10 0)"/>
    401     <rect class="input-background-filler" width="130" height="10" transform="translate(10 34)"/>
    402 
    403     <g transform="translate(12 0)">
    404       <g transform="translate(3 5)"><svg id="IN1_INPUT">
    405       <g transform="translate(12 12)">
    406         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    407         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    408       </g>
    409     </svg></g>
    410       <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">1</text>
    411     </g>
    412     <g transform="translate(44 0)">
    413       <g transform="translate(3 5)"><svg id="IN2_INPUT">
    414       <g transform="translate(12 12)">
    415         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    416         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    417       </g>
    418     </svg></g>
    419       <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">2</text>
    420     </g>
    421     <g transform="translate(76 0)">
    422       <g transform="translate(3 5)"><svg id="IN3_INPUT">
    423       <g transform="translate(12 12)">
    424         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    425         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    426       </g>
    427     </svg></g>
    428       <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">3</text>
    429     </g>
    430     <g transform="translate(108 0)">
    431       <g transform="translate(3 5)"><svg id="IN4_INPUT">
    432       <g transform="translate(12 12)">
    433         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    434         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    435       </g>
    436     </svg></g>
    437       <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(12.4 40)">4</text>
    438     </g>
    439 
    440     <g transform="translate(10 44)">
    441       <g transform="translate(2 0)">
    442         <g transform="translate(3 5)"><svg id="OUT1_OUTPUT">
    443       <g transform="translate(12 12)">
    444         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    445         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    446       </g>
    447     </svg></g>
    448         <text class="output-label" font-size="6pt" letter-spacing="1px" transform="translate(12.2 40)">A</text>
    449       </g>
    450       <g transform="translate(34 0)">
    451         <g transform="translate(3 5)"><svg id="OUT2_OUTPUT">
    452       <g transform="translate(12 12)">
    453         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    454         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    455       </g>
    456     </svg></g>
    457         <text class="output-label" font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">B</text>
    458       </g>
    459       <g transform="translate(66 0)">
    460         <g transform="translate(3 5)"><svg id="OUT3_OUTPUT">
    461       <g transform="translate(12 12)">
    462         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    463         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    464       </g>
    465     </svg></g>
    466         <text class="output-label" font-size="6pt" letter-spacing="1px" transform="translate(12.3 40)">C</text>
    467       </g>
    468       <g transform="translate(98 0)">
    469         <g transform="translate(3 5)"><svg id="OUT4_OUTPUT">
    470       <g transform="translate(12 12)">
    471         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    472         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    473       </g>
    474     </svg></g>
    475         <text class="output-label" font-size="6pt" letter-spacing="1px" transform="translate(12.3 40)">D</text>
    476       </g>
    477     </g>
    478   </g>
    479 
    480   
    481   
    482   
    483   
    484 </svg>