BogaudioModules

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

PolyCon16-pp.svg (27791B)


      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="120.0" height="380.0" viewBox="0 0 120.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="120.0" height="380.0"/>
     77     
     78       
     79       <polyline class="module-border-inner" points="1,1 119.0,1 119.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 119.5,0.5 119.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 120.0,0 120.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
     82     
     83       <text class="title" font-size="9pt" letter-spacing="2px" text-anchor="end" transform="translate(110.0 19)">POLYCON16</text>
     84       <g transform="translate(5.5 374)">
     85         <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
     86         <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
     87       </g>
     88     
     89 
     90   
     91   
     92   
     93   
     94   
     95 
     96   <g transform="translate(21.5 22)">
     97     <g transform="translate(3.6 8)"><svg id="CHANNEL1_PARAM">
     98       <g transform="translate(10 10)">
     99         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    100         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    101         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    102       </g>
    103     </svg></g>
    104     <g transform="translate(-6.5 -2)">
    105       <g transform="translate(20 20)">
    106         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    107         <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)"/>
    108         <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)"/>
    109         <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)"/>
    110         <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)"/>
    111       </g>
    112     </g>
    113     <text font-size="5pt" letter-spacing="1px" transform="translate(-6.5 20.5)">1</text>
    114     <g transform="translate(12.25 30)"><svg id="CHANNEL1_LIGHT">
    115       <rect width="3.2" height="3.2" fill="#0f0"/>
    116     </svg></g>
    117   </g>
    118   <g transform="translate(21.5 59)">
    119     <g transform="translate(3.5 8)"><svg id="CHANNEL2_PARAM">
    120       <g transform="translate(10 10)">
    121         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    122         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    123         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    124       </g>
    125     </svg></g>
    126     <g transform="translate(-6.5 -2)">
    127       <g transform="translate(20 20)">
    128         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    129         <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)"/>
    130         <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)"/>
    131         <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)"/>
    132         <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)"/>
    133       </g>
    134     </g>
    135     <text font-size="5pt" letter-spacing="1px" transform="translate(-7 20.5)">2</text>
    136     <g transform="translate(12.25 30)"><svg id="CHANNEL2_LIGHT">
    137       <rect width="3.2" height="3.2" fill="#0f0"/>
    138     </svg></g>
    139   </g>
    140   <g transform="translate(21.5 96)">
    141     <g transform="translate(3.5 8)"><svg id="CHANNEL3_PARAM">
    142       <g transform="translate(10 10)">
    143         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    144         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    145         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    146       </g>
    147     </svg></g>
    148     <g transform="translate(-6.5 -2)">
    149       <g transform="translate(20 20)">
    150         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    151         <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)"/>
    152         <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)"/>
    153         <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)"/>
    154         <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)"/>
    155       </g>
    156     </g>
    157     <text font-size="5pt" letter-spacing="1px" transform="translate(-7 20.5)">3</text>
    158     <g transform="translate(12.25 30)"><svg id="CHANNEL3_LIGHT">
    159       <rect width="3.2" height="3.2" fill="#0f0"/>
    160     </svg></g>
    161   </g>
    162   <g transform="translate(21.5 133)">
    163     <g transform="translate(3.5 8)"><svg id="CHANNEL4_PARAM">
    164       <g transform="translate(10 10)">
    165         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    166         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    167         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    168       </g>
    169     </svg></g>
    170     <g transform="translate(-6.5 -2)">
    171       <g transform="translate(20 20)">
    172         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    173         <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)"/>
    174         <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)"/>
    175         <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)"/>
    176         <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)"/>
    177       </g>
    178     </g>
    179     <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">4</text>
    180     <g transform="translate(12.25 30)"><svg id="CHANNEL4_LIGHT">
    181       <rect width="3.2" height="3.2" fill="#0f0"/>
    182     </svg></g>
    183   </g>
    184   <g transform="translate(21.5 170)">
    185     <g transform="translate(3.5 8)"><svg id="CHANNEL5_PARAM">
    186       <g transform="translate(10 10)">
    187         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    188         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    189         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    190       </g>
    191     </svg></g>
    192     <g transform="translate(-6.5 -2)">
    193       <g transform="translate(20 20)">
    194         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    195         <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)"/>
    196         <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)"/>
    197         <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)"/>
    198         <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)"/>
    199       </g>
    200     </g>
    201     <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">5</text>
    202     <g transform="translate(12.25 30)"><svg id="CHANNEL5_LIGHT">
    203       <rect width="3.2" height="3.2" fill="#0f0"/>
    204     </svg></g>
    205   </g>
    206   <g transform="translate(21.5 207)">
    207     <g transform="translate(3.5 8)"><svg id="CHANNEL6_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 -2)">
    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     <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">6</text>
    224     <g transform="translate(12.25 30)"><svg id="CHANNEL6_LIGHT">
    225       <rect width="3.2" height="3.2" fill="#0f0"/>
    226     </svg></g>
    227   </g>
    228   <g transform="translate(21.5 244)">
    229     <g transform="translate(3.5 8)"><svg id="CHANNEL7_PARAM">
    230       <g transform="translate(10 10)">
    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 cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    234       </g>
    235     </svg></g>
    236     <g transform="translate(-6.5 -2)">
    237       <g transform="translate(20 20)">
    238         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    239         <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)"/>
    240         <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)"/>
    241         <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)"/>
    242         <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)"/>
    243       </g>
    244     </g>
    245     <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">7</text>
    246     <g transform="translate(12.25 30)"><svg id="CHANNEL7_LIGHT">
    247       <rect width="3.2" height="3.2" fill="#0f0"/>
    248     </svg></g>
    249   </g>
    250   <g transform="translate(21.5 281)">
    251     <g transform="translate(3.5 8)"><svg id="CHANNEL8_PARAM">
    252       <g transform="translate(10 10)">
    253         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    254         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    255         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    256       </g>
    257     </svg></g>
    258     <g transform="translate(-6.5 -2)">
    259       <g transform="translate(20 20)">
    260         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    261         <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)"/>
    262         <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)"/>
    263         <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)"/>
    264         <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)"/>
    265       </g>
    266     </g>
    267     <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">8</text>
    268     <g transform="translate(12.25 30)"><svg id="CHANNEL8_LIGHT">
    269       <rect width="3.2" height="3.2" fill="#0f0"/>
    270     </svg></g>
    271   </g>
    272 
    273   <g transform="translate(71.5 22)">
    274     <g transform="translate(3.5 8)"><svg id="CHANNEL9_PARAM">
    275       <g transform="translate(10 10)">
    276         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    277         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    278         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    279       </g>
    280     </svg></g>
    281     <g transform="translate(-6.5 -2)">
    282       <g transform="translate(20 20)">
    283         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    284         <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)"/>
    285         <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)"/>
    286         <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)"/>
    287         <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)"/>
    288       </g>
    289     </g>
    290     <text font-size="5pt" letter-spacing="1px" transform="translate(31 20.5)">9</text>
    291     <g transform="translate(12.25 30)"><svg id="CHANNEL9_LIGHT">
    292       <rect width="3.2" height="3.2" fill="#0f0"/>
    293     </svg></g>
    294   </g>
    295   <g transform="translate(71.5 59)">
    296     <g transform="translate(3.5 8)"><svg id="CHANNEL10_PARAM">
    297       <g transform="translate(10 10)">
    298         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    299         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    300         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    301       </g>
    302     </svg></g>
    303     <g transform="translate(-6.5 -2)">
    304       <g transform="translate(20 20)">
    305         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    306         <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)"/>
    307         <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)"/>
    308         <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)"/>
    309         <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)"/>
    310       </g>
    311     </g>
    312     <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">10</text>
    313     <g transform="translate(12.25 30)"><svg id="CHANNEL10_LIGHT">
    314       <rect width="3.2" height="3.2" fill="#0f0"/>
    315     </svg></g>
    316   </g>
    317   <g transform="translate(71.5 96)">
    318     <g transform="translate(3.5 8)"><svg id="CHANNEL11_PARAM">
    319       <g transform="translate(10 10)">
    320         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    321         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    322         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    323       </g>
    324     </svg></g>
    325     <g transform="translate(-6.5 -2)">
    326       <g transform="translate(20 20)">
    327         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    328         <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)"/>
    329         <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)"/>
    330         <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)"/>
    331         <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)"/>
    332       </g>
    333     </g>
    334     <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">11</text>
    335     <g transform="translate(12.25 30)"><svg id="CHANNEL11_LIGHT">
    336       <rect width="3.2" height="3.2" fill="#0f0"/>
    337     </svg></g>
    338   </g>
    339   <g transform="translate(71.5 133)">
    340     <g transform="translate(3.5 8)"><svg id="CHANNEL12_PARAM">
    341       <g transform="translate(10 10)">
    342         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    343         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    344         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    345       </g>
    346     </svg></g>
    347     <g transform="translate(-6.5 -2)">
    348       <g transform="translate(20 20)">
    349         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    350         <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)"/>
    351         <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)"/>
    352         <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)"/>
    353         <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)"/>
    354       </g>
    355     </g>
    356     <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">12</text>
    357     <g transform="translate(12.25 30)"><svg id="CHANNEL12_LIGHT">
    358       <rect width="3.2" height="3.2" fill="#0f0"/>
    359     </svg></g>
    360   </g>
    361   <g transform="translate(71.5 170)">
    362     <g transform="translate(3.5 8)"><svg id="CHANNEL13_PARAM">
    363       <g transform="translate(10 10)">
    364         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    365         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    366         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    367       </g>
    368     </svg></g>
    369     <g transform="translate(-6.5 -2)">
    370       <g transform="translate(20 20)">
    371         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    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(20)"/>
    373         <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)"/>
    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(-20)"/>
    375         <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)"/>
    376       </g>
    377     </g>
    378     <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">13</text>
    379     <g transform="translate(12.25 30)"><svg id="CHANNEL13_LIGHT">
    380       <rect width="3.2" height="3.2" fill="#0f0"/>
    381     </svg></g>
    382   </g>
    383   <g transform="translate(71.5 207)">
    384     <g transform="translate(3.5 8)"><svg id="CHANNEL14_PARAM">
    385       <g transform="translate(10 10)">
    386         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    387         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    388         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    389       </g>
    390     </svg></g>
    391     <g transform="translate(-6.5 -2)">
    392       <g transform="translate(20 20)">
    393         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    394         <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)"/>
    395         <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)"/>
    396         <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)"/>
    397         <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)"/>
    398       </g>
    399     </g>
    400     <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">14</text>
    401     <g transform="translate(12.25 30)"><svg id="CHANNEL14_LIGHT">
    402       <rect width="3.2" height="3.2" fill="#0f0"/>
    403     </svg></g>
    404   </g>
    405   <g transform="translate(71.5 244)">
    406     <g transform="translate(3.5 8)"><svg id="CHANNEL15_PARAM">
    407       <g transform="translate(10 10)">
    408         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    409         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    410         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    411       </g>
    412     </svg></g>
    413     <g transform="translate(-6.5 -2)">
    414       <g transform="translate(20 20)">
    415         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    416         <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)"/>
    417         <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)"/>
    418         <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)"/>
    419         <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)"/>
    420       </g>
    421     </g>
    422     <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">15</text>
    423     <g transform="translate(12.25 30)"><svg id="CHANNEL15_LIGHT">
    424       <rect width="3.2" height="3.2" fill="#0f0"/>
    425     </svg></g>
    426   </g>
    427   <g transform="translate(71.5 281)">
    428     <g transform="translate(3.5 8)"><svg id="CHANNEL16_PARAM">
    429       <g transform="translate(10 10)">
    430         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    431         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    432         <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
    433       </g>
    434     </svg></g>
    435     <g transform="translate(-6.5 -2)">
    436       <g transform="translate(20 20)">
    437         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(11.5 0)"/>
    438         <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)"/>
    439         <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)"/>
    440         <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)"/>
    441         <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)"/>
    442       </g>
    443     </g>
    444     <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">16</text>
    445     <g transform="translate(12.25 30)"><svg id="CHANNEL16_LIGHT">
    446       <rect width="3.2" height="3.2" fill="#0f0"/>
    447     </svg></g>
    448   </g>
    449 
    450   <g transform="translate(11 320)">
    451     <text font-size="6pt" letter-spacing="1.5px" transform="translate(0 39) rotate(-90) translate(6.5 0)">CHAN</text>
    452     <g transform="translate(12 12)"><svg id="CHANNELS_PARAM">
    453       <g transform="translate(8 8)">
    454         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    455         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    456         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    457       </g>
    458     </svg></g>
    459     <g transform="translate(0 0)">
    460       <g transform="translate(20 20)">
    461         <text font-size="5pt" transform="rotate(-240) translate(14 0) rotate(240) translate(-2 2)">1</text>
    462         <text font-size="5pt" transform="rotate(-180) translate(14 0) rotate(180) translate(-2 2)">4</text>
    463         <text font-size="5pt" transform="rotate(-100) translate(14 0) rotate(100) translate(-2 2)">8</text>
    464         <text font-size="5pt" transform="rotate(-20) translate(13 0) rotate(20) translate(-2 2)">12</text>
    465         <text font-size="5pt" transform="rotate(60) translate(13 0) rotate(-60) translate(-1.8 3)">16</text>
    466 
    467         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-220) translate(10 0)"/>
    468         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-200) translate(10 0)"/>
    469         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-160) translate(10 0)"/>
    470         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-140) translate(10 0)"/>
    471         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(10 0)"/>
    472         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-80) translate(10 0)"/>
    473         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(10 0)"/>
    474         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-40) translate(10 0)"/>
    475         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(10 0)"/>
    476         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(20) translate(10 0)"/>
    477         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(40) translate(10 0)"/>
    478       </g>
    479     </g>
    480   </g>
    481 
    482   <g class="io-group" transform="translate(52 318)">
    483     <rect class="input-background" width="60" height="40" rx="5"/>
    484     <rect class="output-background" width="24" height="40" rx="5" transform="translate(38)"/>
    485     <rect class="output-background-filler" width="20" height="40" transform="translate(31)"/>
    486     <g transform="translate(3.5 4)"><svg id="CHANNELS_INPUT">
    487       <g transform="translate(12 12)">
    488         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    489         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    490       </g>
    491     </svg></g>
    492     <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(3 36)">CHAN</text>
    493     <g transform="translate(34.5 4)"><svg id="OUT_OUTPUT">
    494       <g transform="translate(12 12)">
    495         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    496         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    497       </g>
    498     </svg></g>
    499     <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(36 36)">OUT</text>
    500   </g>
    501 </svg>