BogaudioModules

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

LFO-lowcontrast-pp.svg (21732B)


      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 polyline.guide {
     21   stroke: #0f0;
     22 }
     23 path {
     24   stroke: #333;
     25 }
     26 
     27 rect.module-background, .background-fill {
     28   fill: #ddd;
     29 }
     30 polyline.module-border-inner {
     31   stroke: #e4e4e4;
     32 }
     33 polyline.module-border-middle {
     34   stroke: #ebebeb;
     35 }
     36 polyline.module-border-outer {
     37   stroke: #f2f2f2;
     38 }
     39 
     40 g.io-group {
     41 }
     42 rect.input-background, rect.input-background-filler {
     43   fill: #fafafa;
     44 }
     45 rect.output-background, rect.output-background-filler {
     46   fill: #bbb;
     47 }
     48 text.input-label, text.output-label {
     49   /* font-size: 6pt; */
     50 }
     51 polyline.input-label, polyline.output-label {
     52 }
     53 path.input-label, path.output-label {
     54 }
     55 
     56 circle.port-rim {
     57   stroke: #f0f0f0;
     58 }
     59 circle.port-barrel {
     60   stroke: #222;
     61   fill: #222;
     62 }
     63 circle.knob-center {
     64    fill: #eee;
     65 }
     66 circle.knob-rim {
     67    fill: #333;
     68 }
     69 circle.knob-tick {
     70   fill: #fff;
     71 }
     72 polyline.knob-tick {
     73   stroke: #fff;
     74 }
     75 
     76 
     77 text {
     78   fill: #b3b3b3;
     79 }
     80 
     81 polyline {
     82   stroke: #b3b3b3;
     83 }
     84 path {
     85   stroke: #b3b3b3;
     86 }
     87 
     88 rect.module-background, .background-fill {
     89   fill: #333;
     90 }
     91 polyline.module-border-inner {
     92   stroke: #191919;
     93 }
     94 polyline.module-border-middle {
     95   stroke: #111;
     96 }
     97 polyline.module-border-outer {
     98   stroke: #000;
     99 }
    100 
    101 rect.input-background, rect.input-background-filler {
    102   fill: #b3b3b3;
    103 }
    104 rect.output-background, rect.output-background-filler {
    105   fill: #888;
    106 }
    107 text.input-label {
    108   fill: #666;
    109 }
    110 polyline.input-label, path.input-label {
    111   stroke: #666;
    112 }
    113 text.output-label {
    114   fill: #ccc;
    115 }
    116 polyline.output-label, path.output-label {
    117   stroke: #ccc;
    118 }
    119 
    120 circle.port-rim {
    121   stroke: #bbb;
    122 }
    123 circle.port-barrel {
    124   stroke: #222;
    125   fill: #222;
    126 }
    127 circle.knob-center {
    128    fill: #bbb;
    129 }
    130 circle.knob-rim {
    131    fill: #555;
    132 }
    133 circle.knob-tick {
    134   fill: #fff;
    135 }
    136 polyline.knob-tick {
    137   stroke: #fff;
    138 }
    139 </style>
    140 
    141   
    142       
    143       <rect class="module-background background-fill" width="150.0" height="380.0"/>
    144     
    145       
    146       <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"/>
    147       <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"/>
    148       <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"/>
    149     
    150       <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">LFO</text>
    151       <g transform="translate(0 374)">
    152         <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text>
    153         <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/>
    154       </g>
    155     
    156 
    157   
    158   
    159   
    160 
    161   <g transform="translate(21 25)">
    162     
    163     
    164     
    165     <g transform="translate(20 20)"><svg id="FREQUENCY_PARAM">
    166       <g transform="translate(34 34)">
    167         <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f"/>
    168         <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f"/>
    169         <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none"/>
    170       </g>
    171     </svg></g>
    172   </g>
    173   <g transform="translate(11 15)">
    174       <g transform="translate(64 64)">
    175         <g transform="rotate(-225.08) 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(225.08) translate(-10.5 3.5)">0.1</text>
    178         </g>
    179         <g transform="rotate(-171.49) translate(34 0)">
    180           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    181           <text font-size="7.0pt" transform="translate(14 0) rotate(171.49) translate(-11 3.5)">0.5</text>
    182         </g>
    183         <g transform="rotate(-71.76) 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(71.76) translate(-2 3.5)">10</text>
    186         </g>
    187         <g transform="rotate(-124.62) translate(34 0)">
    188           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    189           <text font-size="7.0pt" letter-spacing="1px" transform="translate(14 0) rotate(124.62) translate(-10 3.5)">0V</text>
    190         </g>
    191         <g transform="rotate(-18.17) 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(18.17) translate(-2 3.5)">50</text>
    194         </g>
    195         <g transform="rotate(27.98) translate(34 0)">
    196           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    197           <text font-size="7.0pt" transform="translate(14 0) rotate(-27.98) translate(-2 3.5)">200</text>
    198         </g>
    199         <g transform="rotate(51.05) 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(-51.05) translate(-2 3.5)">400HZ</text>
    202         </g>
    203 
    204         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-240) translate(37 0)"/>
    205         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-216.92) translate(37 0)"/>
    206 
    207         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-193.85) translate(37 0)"/>
    208         
    209 
    210         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-147.69) translate(37 0)"/>
    211         
    212 
    213         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-101.54) translate(37 0)"/>
    214         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-78.46) translate(37 0)"/>
    215 
    216         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-55.38) translate(37 0)"/>
    217         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-32.31) translate(37 0)"/>
    218 
    219         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-9.23) translate(37 0)"/>
    220         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(13.85) translate(37 0)"/>
    221 
    222         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(36.92) translate(37 0)"/>
    223         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(60) translate(37 0)"/>
    224       </g>
    225     </g>
    226 
    227   
    228   
    229   <text font-size="6pt" letter-spacing="1px" transform="translate(34 133)">0V = C-3 = 2.04HZ</text>
    230 
    231   <g transform="translate(14 133) rotate(-90)">
    232     <text font-size="6pt" letter-spacing="1px" transform="translate(0 6.1)">SLOW</text>
    233     <g transform="translate(27.5 -1.5)"><svg id="SLOW_PARAM">
    234       <g transform="translate(4.5 4.5)">
    235         <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
    236       </g>
    237     </svg></g>
    238   </g>
    239 
    240   <g transform="translate(10 150)">
    241     <g transform="translate(7 0)">
    242       
    243       
    244       <text font-size="8pt" letter-spacing="2px" transform="translate(8 27) rotate(270)">SAM</text>
    245       <g transform="translate(20 0)"><svg id="SAMPLE_PARAM">
    246       <g transform="translate(13 13)">
    247         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    248         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    249         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    250       </g>
    251     </svg></g>
    252     </g>
    253     <g transform="translate(17.5 -9.6)">
    254       <g transform="translate(22.5 22.5)">
    255         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text>
    256         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/>
    257         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/>
    258         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/>
    259         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/>
    260         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/>
    261         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/>
    262         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/>
    263         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/>
    264         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/>
    265         <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/>
    266       </g>
    267     </g>
    268     <g transform="translate(72 0)">
    269       
    270       
    271       <text font-size="8pt" letter-spacing="2px" transform="translate(8 22.5) rotate(270)">PW</text>
    272       <g transform="translate(20 0)"><svg id="PW_PARAM">
    273       <g transform="translate(13 13)">
    274         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    275         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    276         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    277       </g>
    278     </svg></g>
    279     </g>
    280     <g transform="translate(82.5 -9.6)">
    281       <g transform="translate(22.5 22.5)">
    282         <g transform="rotate(-240) translate(15 0)">
    283           <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text>
    284         </g>
    285         <g transform="rotate(-210) translate(15 0)">
    286           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    287         </g>
    288         <g transform="rotate(-180) translate(15 0)">
    289           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    290         </g>
    291         <g transform="rotate(-150) translate(15 0)">
    292           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    293         </g>
    294         <g transform="rotate(-120) translate(15 0)">
    295           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    296         </g>
    297         <g transform="rotate(-90) translate(15 0)">
    298           <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text>
    299         </g>
    300         <g transform="rotate(-60) translate(15 0)">
    301           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    302         </g>
    303         <g transform="rotate(-30) translate(15 0)">
    304           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    305         </g>
    306         <g transform="rotate(0) translate(15 0)">
    307           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    308         </g>
    309         <g transform="rotate(30) translate(15 0)">
    310           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    311         </g>
    312         <g transform="rotate(60) translate(15 0)">
    313           <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text>
    314         </g>
    315       </g>
    316     </g>
    317   </g>
    318 
    319   <g transform="translate(0 196)">
    320     <g transform="translate(10 0)">
    321       
    322       <text font-size="8pt" letter-spacing="0.5px" transform="translate(8 23) rotate(270)">SMTH</text>
    323       <g transform="translate(17 0)"><svg id="SMOOTH_PARAM">
    324       <g transform="translate(8 8)">
    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 r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    328       </g>
    329     </svg></g>
    330       <g transform="translate(5 -12)">
    331       <g transform="translate(20 20)">
    332       <polyline points="0,0 4.166666666666667,0" stroke-width="1" transform="rotate(-240) translate(10.0 0)"/>
    333       <path class="0.0" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#b3b3b3" fill="none" transform="rotate(0)"/>
    334       <path class="0.0" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#b3b3b3" fill="none" transform="rotate(43)"/>
    335       <path class="0.0" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#b3b3b3" fill="none" transform="rotate(0)"/>
    336       <path class="0.0" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#b3b3b3" fill="none" transform="rotate(-43)"/>
    337       <polyline points="-3,0 3,0" stroke-width="1" fill="none"/>
    338       <polyline points="0,-3 0,3" stroke-width="1" fill="none"/>
    339     </g>
    340     </g>
    341     </g>
    342     <g transform="translate(56 0)">
    343       
    344       <text font-size="8pt" letter-spacing="2px" transform="translate(8 18) rotate(270)">OFF</text>
    345       <g transform="translate(17 0)"><svg id="OFFSET_PARAM">
    346       <g transform="translate(8 8)">
    347         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    348         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    349         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    350       </g>
    351     </svg></g>
    352       <g transform="translate(5 -12)">
    353       <g transform="translate(20 20)">
    354         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/>
    355         <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="#b3b3b3" fill="none" transform="rotate(20)"/>
    356         <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="#b3b3b3" fill="none" transform="rotate(43)"/>
    357         <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="#b3b3b3" fill="none" transform="rotate(-20)"/>
    358         <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="#b3b3b3" fill="none" transform="rotate(-43)"/>
    359       </g>
    360     </g>
    361     </g>
    362     <g transform="translate(102 0)">
    363       
    364       <text font-size="8pt" letter-spacing="2px" transform="translate(8 18) rotate(270)">SCL</text>
    365       <g transform="translate(17 0)"><svg id="SCALE_PARAM">
    366       <g transform="translate(8 8)">
    367         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    368         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    369         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    370       </g>
    371     </svg></g>
    372       <g transform="translate(5 -12)">
    373       <g transform="translate(20 20)">
    374       <polyline points="0,0 4.166666666666667,0" stroke-width="1" transform="rotate(-240) translate(10.0 0)"/>
    375       <path class="0.0" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#b3b3b3" fill="none" transform="rotate(0)"/>
    376       <path class="0.0" d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#b3b3b3" fill="none" transform="rotate(43)"/>
    377       <path class="0.0" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#b3b3b3" fill="none" transform="rotate(0)"/>
    378       <path class="0.0" d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#b3b3b3" fill="none" transform="rotate(-43)"/>
    379       <polyline points="-3,0 3,0" stroke-width="1" fill="none"/>
    380       <polyline points="0,-3 0,3" stroke-width="1" fill="none"/>
    381     </g>
    382     </g>
    383     </g>
    384   </g>
    385 
    386   
    387   
    388   
    389 
    390   <g class="io-group" transform="translate(0 225)">
    391     <rect class="output-background" width="130" height="135" rx="5" transform="translate(10 0)"/>
    392     <rect class="input-background" width="65" height="135" rx="5" transform="translate(10 0)"/>
    393     <rect class="input-background-filler" width="10" height="8" transform="translate(65 0)"/>
    394     <rect class="input-background-filler" width="10" height="8" transform="translate(65 127)"/>
    395 
    396     <g transform="translate(12 0)">
    397       <g transform="translate(3 5)"><svg id="SAMPLE_INPUT">
    398       <g transform="translate(12 12)">
    399         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    400         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    401       </g>
    402     </svg></g>
    403       <text class="input-label" font-size="6pt" letter-spacing="1px" text-anchor="middle" transform="translate(15 40)">SAM</text>
    404     </g>
    405     <g transform="translate(44 0)">
    406       <g transform="translate(3 5)"><svg id="PW_INPUT">
    407       <g transform="translate(12 12)">
    408         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    409         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    410       </g>
    411     </svg></g>
    412       <text class="input-label" font-size="6pt" letter-spacing="1px" text-anchor="middle" transform="translate(15 40)">PW</text>
    413     </g>
    414     <g transform="translate(76 0)">
    415       <g transform="translate(3 5)"><svg id="RAMP_DOWN_OUTPUT">
    416       <g transform="translate(12 12)">
    417         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    418         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    419       </g>
    420     </svg></g>
    421       
    422       <g transform="translate(9 33.5)">
    423         
    424         <polyline class="output-label" points="0,8 0,0 12,8" stroke-width="1" fill="none"/>
    425       </g>
    426     </g>
    427     <g transform="translate(108 0)">
    428       <g transform="translate(3 5)"><svg id="STEPPED_OUTPUT">
    429       <g transform="translate(12 12)">
    430         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    431         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    432       </g>
    433     </svg></g>
    434       
    435       <g transform="translate(9 33.5)">
    436         
    437         <polyline class="output-label" points="0,0 0,5 12,5 12,8" stroke-width="1" fill="none"/>
    438       </g>
    439     </g>
    440 
    441     <g transform="translate(0 44)">
    442       <g transform="translate(12 0)">
    443         <g transform="translate(3 5)"><svg id="OFFSET_INPUT">
    444       <g transform="translate(12 12)">
    445         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    446         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    447       </g>
    448     </svg></g>
    449         <text class="input-label" font-size="6pt" letter-spacing="0.5px" text-anchor="middle" transform="translate(15 40)">OFF/SM</text>
    450       </g>
    451       <g transform="translate(44 0)">
    452         <g transform="translate(3 5)"><svg id="SCALE_INPUT">
    453       <g transform="translate(12 12)">
    454         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    455         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    456       </g>
    457     </svg></g>
    458         <text class="input-label" font-size="6pt" letter-spacing="1px" text-anchor="middle" transform="translate(15 40)">SCL</text>
    459       </g>
    460       <g transform="translate(76 0)">
    461         <g transform="translate(3 5)"><svg id="RAMP_UP_OUTPUT">
    462       <g transform="translate(12 12)">
    463         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    464         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    465       </g>
    466     </svg></g>
    467         <g transform="translate(9 33.5)">
    468           <polyline class="output-label" points="0,8 12,0 12,8" stroke-width="1" fill="none"/>
    469         </g>
    470       </g>
    471       <g transform="translate(108 0)">
    472         <g transform="translate(3 5)"><svg id="SQUARE_OUTPUT">
    473       <g transform="translate(12 12)">
    474         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    475         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    476       </g>
    477     </svg></g>
    478         
    479         <g transform="translate(9 33.5)">
    480           
    481           <polyline class="output-label" points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" fill="none"/>
    482         </g>
    483       </g>
    484 
    485       <g transform="translate(10 44)">
    486         <g transform="translate(2 0)">
    487           <g transform="translate(3 5)"><svg id="PITCH_INPUT">
    488       <g transform="translate(12 12)">
    489         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    490         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    491       </g>
    492     </svg></g>
    493           <text class="input-label" font-size="6pt" letter-spacing="0.7px" text-anchor="middle" transform="translate(15 40)">V/OCT</text>
    494         </g>
    495         <g transform="translate(34 0)">
    496           <g transform="translate(3 5)"><svg id="RESET_INPUT">
    497       <g transform="translate(12 12)">
    498         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    499         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    500       </g>
    501     </svg></g>
    502           <text class="input-label" font-size="6pt" letter-spacing="0.7px" text-anchor="middle" transform="translate(15 40)">RESET</text>
    503         </g>
    504         <g transform="translate(66 0)">
    505           <g transform="translate(3 5)"><svg id="TRIANGLE_OUTPUT">
    506       <g transform="translate(12 12)">
    507         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    508         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    509       </g>
    510     </svg></g>
    511           
    512           <g transform="translate(9 33.5)">
    513             
    514             <polyline class="output-label" points="0,4 3,0 9,8 12,4" stroke-width="1" fill="none"/>
    515           </g>
    516         </g>
    517         <g transform="translate(98 0)">
    518           <g transform="translate(3 5)"><svg id="SINE_OUTPUT">
    519       <g transform="translate(12 12)">
    520         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    521         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    522       </g>
    523     </svg></g>
    524           
    525           <g transform="translate(9 33.5)">
    526             
    527             <path class="output-label" d="M 0 4 A 2 3 0 0 1 6 4" stroke-width="1" stroke="#ccc" fill="none"/>
    528             <path class="output-label" d="M 6 4 A 2 3 0 0 0 12 4" stroke-width="1" stroke="#ccc" fill="none"/>
    529           </g>
    530         </g>
    531       </g>
    532     </g>
    533   </g>
    534 </svg>