BogaudioModules

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

Additator-pp.svg (30068B)


      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="225.0" height="380.0" viewBox="0 0 225.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   <defs>
     75     <symbol id="dial-partials-additator" viewBox="0 0 70px 70px">
     76       <g transform="translate(35 35)">
     77         <text font-size="6.0pt" transform="rotate(-240) translate(25.5 0) rotate(240) translate(-2.5 2.5)">1</text>
     78         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-212.73) translate(21 0)"/>
     79         <text font-size="6.0pt" transform="rotate(-182.42) translate(25 0) rotate(182.42) translate(-7 2.8)">20</text>
     80         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-152.12) translate(21 0)"/>
     81         <text font-size="6.0pt" transform="rotate(-121.82) translate(25 0) rotate(121.82) translate(-7 2.5)">40</text>
     82         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-91.52) translate(21 0)"/>
     83         <text font-size="6.0pt" transform="rotate(-61.21) translate(25 0) rotate(61.21) translate(-3 2.5)">60</text>
     84         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30.91) translate(21 0)"/>
     85         <text font-size="6.0pt" transform="rotate(-0.61) translate(25 0) rotate(0.61) translate(-2.5 2.8)">80</text>
     86         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(29.7) translate(21 0)"/>
     87         <text font-size="6.0pt" transform="rotate(60) translate(25.5 0) rotate(-60) translate(-2 2.5)">100</text>
     88       </g>
     89     </symbol>
     90   </defs>
     91 
     92   
     93       
     94       <rect class="module-background background-fill" width="225.0" height="380.0"/>
     95     
     96       
     97       <polyline class="module-border-inner" points="1,1 224.0,1 224.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
     98       <polyline class="module-border-middle" points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
     99       <polyline class="module-border-outer" points="0,0 225.0,0 225.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
    100     
    101       <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(112.5 19)">ADDITATOR</text>
    102       <g transform="translate(0 374)">
    103         <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(112.5 0)">BOGAUDIO</text>
    104         <rect class="background-fill" width="3" height="3" transform="translate(97.0 -5)"/>
    105       </g>
    106     
    107 
    108   
    109   
    110   
    111   
    112 
    113   <g transform="translate(20 25)">
    114     
    115     
    116     
    117     <g transform="translate(20 20)"><svg id="FREQUENCY_PARAM">
    118       <g transform="translate(34 34)">
    119         <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f"/>
    120         <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f"/>
    121         <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none"/>
    122       </g>
    123     </svg></g>
    124   </g>
    125   <g transform="translate(20 25)">
    126       <g transform="translate(54 54)">
    127         <g transform="rotate(-240) translate(34 0)">
    128           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    129           <text font-size="7.0pt" transform="translate(14 0) rotate(240) translate(-6 3)">-3</text>
    130         </g>
    131         <g transform="rotate(-220.56) translate(34 0)">
    132           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    133         </g>
    134 
    135         <g transform="rotate(-206.667) translate(34 0)">
    136           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    137           <text font-size="7.0pt" transform="translate(14 0) rotate(206.667) translate(-5.5 3)">-2</text>
    138         </g>
    139         <g transform="rotate(-187.23) translate(34 0)">
    140           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    141         </g>
    142 
    143         <g transform="rotate(-173.333) translate(34 0)">
    144           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    145           <text font-size="7.0pt" transform="translate(14 0) rotate(173.333) translate(-4 3)">-1</text>
    146         </g>
    147         <g transform="rotate(-153.89) translate(34 0)">
    148           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    149         </g>
    150 
    151         <g transform="rotate(-140) translate(34 0)">
    152           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    153           <text font-size="7.0pt" letter-spacing="1px" transform="translate(16 0) rotate(140) translate(-6 3.5)">0V</text>
    154         </g>
    155         <g transform="rotate(-120.56) translate(34 0)">
    156           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    157         </g>
    158 
    159         <g transform="rotate(-106.667) translate(34 0)">
    160           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    161           <text font-size="7.0pt" transform="translate(14 0) rotate(106.667) translate(-2.7 3)">1</text>
    162         </g>
    163         <g transform="rotate(-87.23) translate(34 0)">
    164           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    165         </g>
    166 
    167         <g transform="rotate(-73.33) translate(34 0)">
    168           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    169           <text font-size="7.0pt" transform="translate(14 0) rotate(73.333) translate(-2.7 3)">2</text>
    170         </g>
    171         <g transform="rotate(-53.89) translate(34 0)">
    172           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    173         </g>
    174 
    175         <g transform="rotate(-40) translate(34 0)">
    176           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    177           <text font-size="7.0pt" transform="translate(14 0) rotate(40) translate(-2.7 3)">3</text>
    178         </g>
    179         <g transform="rotate(-20.56) translate(34 0)">
    180           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    181         </g>
    182 
    183         <g transform="rotate(-6.667) translate(34 0)">
    184           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    185           <text font-size="7.0pt" transform="translate(14 0) rotate(6.667) translate(-2.7 3)">4</text>
    186         </g>
    187         <g transform="rotate(12.77) translate(34 0)">
    188           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    189         </g>
    190 
    191         <g transform="rotate(26.667) translate(34 0)">
    192           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    193           <text font-size="7.0pt" transform="translate(14 0) rotate(-26.667) translate(-2.7 3)">5</text>
    194         </g>
    195         <g transform="rotate(46.11) translate(34 0)">
    196           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    197         </g>
    198 
    199         <g transform="rotate(60) translate(34 0)">
    200           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    201           <text font-size="7.0pt" transform="translate(14 0) rotate(-60) translate(-2.7 3)">6</text>
    202         </g>
    203       </g>
    204     </g>
    205 
    206   <text font-size="6pt" letter-spacing="1px" transform="translate(30 135)">0V = C4 = 261.63HZ</text>
    207 
    208   <g transform="translate(144 60)">
    209     
    210     
    211     <text font-size="8pt" letter-spacing="2px" transform="translate(4 50) rotate(270)">PARTIALS</text>
    212     <g transform="translate(21 0)"><svg id="PARTIALS_PARAM">
    213       <g transform="translate(19 19)">
    214         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
    215         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
    216         <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
    217       </g>
    218     </svg></g>
    219     <use xlink:href="#dial-partials-additator" transform="translate(5 -16)" href="#dial-partials-additator"/>
    220   </g>
    221 
    222   <g transform="translate(10 155)">
    223     <g transform="translate(10 5)">
    224       
    225       
    226       
    227       
    228       <text font-size="8pt" letter-spacing="2px" transform="translate(-3 22.5) rotate(270)">FINE</text>
    229       <g transform="translate(10 0)"><svg id="FINE_PARAM">
    230       <g transform="translate(8 8)">
    231         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    232         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    233         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    234       </g>
    235     </svg></g>
    236       
    237     </g>
    238     <g transform="translate(8 -7)">
    239       <g transform="translate(20 20)">
    240         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/>
    241         <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/>
    242         <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/>
    243         <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/>
    244         <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/>
    245       </g>
    246     </g>
    247     <g transform="translate(53 0)">
    248       
    249       <text font-size="8pt" letter-spacing="2px" transform="translate(8 33) rotate(270)">WIDTH</text>
    250       <g transform="translate(16 0)"><svg id="WIDTH_PARAM">
    251       <g transform="translate(13 13)">
    252         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    253         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    254         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    255       </g>
    256     </svg></g>
    257     </g>
    258     <g transform="translate(59.5 -9.5)">
    259       <g transform="translate(22.5 22.5)">
    260         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text>
    261         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/>
    262         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/>
    263         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/>
    264         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/>
    265         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/>
    266         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/>
    267         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/>
    268         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/>
    269         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/>
    270         <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/>
    271       </g>
    272     </g>
    273     <g transform="translate(106 0)">
    274       
    275       <text font-size="8pt" letter-spacing="2px" transform="translate(8 38) rotate(270)">O-SKEW</text>
    276       <g transform="translate(16 0)"><svg id="ODD_SKEW_PARAM">
    277       <g transform="translate(13 13)">
    278         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    279         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    280         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    281       </g>
    282     </svg></g>
    283     </g>
    284     <g transform="translate(112.5 -9.5)">
    285       <g transform="translate(22.5 22.5)">
    286         <g transform="rotate(-240) translate(15 0)">
    287           <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text>
    288         </g>
    289         <g transform="rotate(-210) translate(15 0)">
    290           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    291         </g>
    292         <g transform="rotate(-180) translate(15 0)">
    293           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    294         </g>
    295         <g transform="rotate(-150) translate(15 0)">
    296           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    297         </g>
    298         <g transform="rotate(-120) translate(15 0)">
    299           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    300         </g>
    301         <g transform="rotate(-90) translate(15 0)">
    302           <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text>
    303         </g>
    304         <g transform="rotate(-60) translate(15 0)">
    305           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    306         </g>
    307         <g transform="rotate(-30) translate(15 0)">
    308           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    309         </g>
    310         <g transform="rotate(0) translate(15 0)">
    311           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    312         </g>
    313         <g transform="rotate(30) translate(15 0)">
    314           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    315         </g>
    316         <g transform="rotate(60) translate(15 0)">
    317           <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text>
    318         </g>
    319       </g>
    320     </g>
    321     <g transform="translate(158 0)">
    322       
    323       <text font-size="8pt" letter-spacing="2px" transform="translate(8 37.5) rotate(270)">E-SKEW</text>
    324       <g transform="translate(16 0)"><svg id="EVEN_SKEW_PARAM">
    325       <g transform="translate(13 13)">
    326         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    327         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    328         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    329       </g>
    330     </svg></g>
    331     </g>
    332     <g transform="translate(164.5 -9.5)">
    333       <g transform="translate(22.5 22.5)">
    334         <g transform="rotate(-240) translate(15 0)">
    335           <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text>
    336         </g>
    337         <g transform="rotate(-210) translate(15 0)">
    338           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    339         </g>
    340         <g transform="rotate(-180) translate(15 0)">
    341           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    342         </g>
    343         <g transform="rotate(-150) translate(15 0)">
    344           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    345         </g>
    346         <g transform="rotate(-120) translate(15 0)">
    347           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    348         </g>
    349         <g transform="rotate(-90) translate(15 0)">
    350           <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text>
    351         </g>
    352         <g transform="rotate(-60) translate(15 0)">
    353           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    354         </g>
    355         <g transform="rotate(-30) translate(15 0)">
    356           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    357         </g>
    358         <g transform="rotate(0) translate(15 0)">
    359           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    360         </g>
    361         <g transform="rotate(30) translate(15 0)">
    362           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    363         </g>
    364         <g transform="rotate(60) translate(15 0)">
    365           <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text>
    366         </g>
    367       </g>
    368     </g>
    369   </g>
    370 
    371   <g transform="translate(10 218)">
    372     <g transform="translate(-1 0)">
    373       
    374       
    375       <text font-size="8pt" letter-spacing="2px" transform="translate(8 28.5) rotate(270)">GAIN</text>
    376       <g transform="translate(16 0)"><svg id="GAIN_PARAM">
    377       <g transform="translate(13 13)">
    378         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    379         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    380         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    381       </g>
    382     </svg></g>
    383     </g>
    384     <g transform="translate(5.5 -9.5)">
    385       <g transform="translate(22.5 22.5)">
    386         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text>
    387         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/>
    388         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/>
    389         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/>
    390         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/>
    391         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/>
    392         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/>
    393         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/>
    394         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/>
    395         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/>
    396         <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/>
    397       </g>
    398     </g>
    399     <g transform="translate(53 0)">
    400       
    401       <text font-size="8pt" letter-spacing="2px" transform="translate(8 33.5) rotate(270)">DECAY</text>
    402       <g transform="translate(16 0)"><svg id="DECAY_PARAM">
    403       <g transform="translate(13 13)">
    404         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    405         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    406         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    407       </g>
    408     </svg></g>
    409     </g>
    410     <g transform="translate(59.5 -9.5)">
    411       <g transform="translate(22.5 22.5)">
    412         <g transform="rotate(-240) translate(15 0)">
    413           <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text>
    414         </g>
    415         <g transform="rotate(-210) translate(15 0)">
    416           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    417         </g>
    418         <g transform="rotate(-180) translate(15 0)">
    419           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    420         </g>
    421         <g transform="rotate(-150) translate(15 0)">
    422           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    423         </g>
    424         <g transform="rotate(-120) translate(15 0)">
    425           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    426         </g>
    427         <g transform="rotate(-90) translate(15 0)">
    428           <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text>
    429         </g>
    430         <g transform="rotate(-60) translate(15 0)">
    431           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    432         </g>
    433         <g transform="rotate(-30) translate(15 0)">
    434           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    435         </g>
    436         <g transform="rotate(0) translate(15 0)">
    437           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    438         </g>
    439         <g transform="rotate(30) translate(15 0)">
    440           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    441         </g>
    442         <g transform="rotate(60) translate(15 0)">
    443           <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text>
    444         </g>
    445       </g>
    446     </g>
    447     <g transform="translate(106 0)">
    448       
    449       <text font-size="8pt" letter-spacing="2px" transform="translate(8 43) rotate(270)">BALANCE</text>
    450       <g transform="translate(16 0)"><svg id="BALANCE_PARAM">
    451       <g transform="translate(13 13)">
    452         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    453         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    454         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    455       </g>
    456     </svg></g>
    457     </g>
    458     <g transform="translate(112.5 -9.5)">
    459       <g transform="translate(22.5 22.5)">
    460         <g transform="rotate(-240) translate(15 0)">
    461           <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text>
    462         </g>
    463         <g transform="rotate(-210) translate(15 0)">
    464           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    465         </g>
    466         <g transform="rotate(-180) translate(15 0)">
    467           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    468         </g>
    469         <g transform="rotate(-150) translate(15 0)">
    470           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    471         </g>
    472         <g transform="rotate(-120) translate(15 0)">
    473           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    474         </g>
    475         <g transform="rotate(-90) translate(15 0)">
    476           <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text>
    477         </g>
    478         <g transform="rotate(-60) translate(15 0)">
    479           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    480         </g>
    481         <g transform="rotate(-30) translate(15 0)">
    482           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    483         </g>
    484         <g transform="rotate(0) translate(15 0)">
    485           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    486         </g>
    487         <g transform="rotate(30) translate(15 0)">
    488           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    489         </g>
    490         <g transform="rotate(60) translate(15 0)">
    491           <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text>
    492         </g>
    493       </g>
    494     </g>
    495     <g transform="translate(158 0)">
    496       
    497       <text font-size="8pt" letter-spacing="2px" transform="translate(8 34.5) rotate(270)">FILTER</text>
    498       <g transform="translate(16 0)"><svg id="FILTER_PARAM">
    499       <g transform="translate(13 13)">
    500         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    501         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    502         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    503       </g>
    504     </svg></g>
    505     </g>
    506     <g transform="translate(164.5 -9.5)">
    507       <g transform="translate(22.5 22.5)">
    508         <g transform="rotate(-240) translate(15 0)">
    509           <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text>
    510         </g>
    511         <g transform="rotate(-210) translate(15 0)">
    512           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    513         </g>
    514         <g transform="rotate(-180) translate(15 0)">
    515           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    516         </g>
    517         <g transform="rotate(-150) translate(15 0)">
    518           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    519         </g>
    520         <g transform="rotate(-120) translate(15 0)">
    521           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    522         </g>
    523         <g transform="rotate(-90) translate(15 0)">
    524           <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text>
    525         </g>
    526         <g transform="rotate(-60) translate(15 0)">
    527           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    528         </g>
    529         <g transform="rotate(-30) translate(15 0)">
    530           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    531         </g>
    532         <g transform="rotate(0) translate(15 0)">
    533           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    534         </g>
    535         <g transform="rotate(30) translate(15 0)">
    536           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    537         </g>
    538         <g transform="rotate(60) translate(15 0)">
    539           <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text>
    540         </g>
    541       </g>
    542     </g>
    543   </g>
    544 
    545   <g transform="translate(185 272)">
    546     <g transform="translate(0 0)"><svg id="SINE_LIGHT">
    547       <rect width="6.4" height="6.4" fill="#0f0"/>
    548     </svg></g>
    549     <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">SIN</text>
    550     <g transform="translate(0 15)"><svg id="COSINE_LIGHT">
    551       <rect width="6.4" height="6.4" fill="#0f0"/>
    552     </svg></g>
    553     <text font-size="6pt" letter-spacing="2px" transform="translate(9 21.1)">COS</text>
    554     <g transform="translate(9 27)"><svg id="PHASE_PARAM">
    555       <g transform="translate(4.5 4.5)">
    556         <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
    557       </g>
    558     </svg></g>
    559   </g>
    560 
    561   <g class="io-group" transform="translate(0 269)">
    562     <rect class="output-background" width="205" height="47" rx="5" transform="translate(10 44)"/>
    563     <rect class="input-background" width="171" height="91" rx="5" transform="translate(10 0)"/>
    564     <rect class="input-background-filler" width="10" height="10" transform="translate(171 81)"/>
    565 
    566     <g transform="translate(10 0)">
    567       <g transform="translate(3 0)">
    568         <g transform="translate(3 5)"><svg id="SYNC_INPUT">
    569       <g transform="translate(12 12)">
    570         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    571         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    572       </g>
    573     </svg></g>
    574         <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(3 40)">SYNC</text>
    575       </g>
    576       <g transform="translate(37 0)">
    577         <g transform="translate(3 5)"><svg id="PARTIALS_INPUT">
    578       <g transform="translate(12 12)">
    579         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    580         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    581       </g>
    582     </svg></g>
    583         <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(0.5 40)">PRTLS</text>
    584       </g>
    585       <g transform="translate(71 0)">
    586         <g transform="translate(3 5)"><svg id="WIDTH_INPUT">
    587       <g transform="translate(12 12)">
    588         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    589         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    590       </g>
    591     </svg></g>
    592         <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(0.5 40)">WIDTH</text>
    593       </g>
    594       <g transform="translate(105 0)">
    595         <g transform="translate(3 5)"><svg id="ODD_SKEW_INPUT">
    596       <g transform="translate(12 12)">
    597         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    598         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    599       </g>
    600     </svg></g>
    601         <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(5 40)">OSK</text>
    602       </g>
    603       <g transform="translate(139 0)">
    604         <g transform="translate(3 5)"><svg id="EVEN_SKEW_INPUT">
    605       <g transform="translate(12 12)">
    606         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    607         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    608       </g>
    609     </svg></g>
    610         <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">ESK</text>
    611       </g>
    612     </g>
    613 
    614     <g transform="translate(10 44)">
    615       <g transform="translate(3 0)">
    616         <g transform="translate(3 5)"><svg id="PITCH_INPUT">
    617       <g transform="translate(12 12)">
    618         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    619         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    620       </g>
    621     </svg></g>
    622         <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text>
    623       </g>
    624       <g transform="translate(37 0)">
    625         <g transform="translate(3 5)"><svg id="GAIN_INPUT">
    626       <g transform="translate(12 12)">
    627         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    628         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    629       </g>
    630     </svg></g>
    631         <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2 40)">GAIN</text>
    632       </g>
    633       <g transform="translate(71 0)">
    634         <g transform="translate(3 5)"><svg id="DECAY_INPUT">
    635       <g transform="translate(12 12)">
    636         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    637         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    638       </g>
    639     </svg></g>
    640         <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1 40)">DECAY</text>
    641       </g>
    642       <g transform="translate(105 0)">
    643         <g transform="translate(3 5)"><svg id="BALANCE_INPUT">
    644       <g transform="translate(12 12)">
    645         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    646         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    647       </g>
    648     </svg></g>
    649         <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">BAL</text>
    650       </g>
    651       <g transform="translate(139 0)">
    652         <g transform="translate(3 5)"><svg id="FILTER_INPUT">
    653       <g transform="translate(12 12)">
    654         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    655         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    656       </g>
    657     </svg></g>
    658         <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(3 40)">FLTR</text>
    659       </g>
    660       <g transform="translate(173 0)">
    661         <g transform="translate(3 5)"><svg id="AUDIO_OUTPUT">
    662       <g transform="translate(12 12)">
    663         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    664         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    665       </g>
    666     </svg></g>
    667         <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(5 40)">OUT</text>
    668       </g>
    669     </g>
    670   </g>
    671 </svg>