LFO-pp.svg (20822B)
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 </style> 76 77 78 79 <rect class="module-background background-fill" width="150.0" height="380.0"/> 80 81 82 <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"/> 83 <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"/> 84 <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"/> 85 86 <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">LFO</text> 87 <g transform="translate(0 374)"> 88 <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text> 89 <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/> 90 </g> 91 92 93 94 95 96 97 <g transform="translate(21 25)"> 98 99 100 101 <g transform="translate(20 20)"><svg id="FREQUENCY_PARAM"> 102 <g transform="translate(34 34)"> 103 <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f"/> 104 <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f"/> 105 <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none"/> 106 </g> 107 </svg></g> 108 </g> 109 <g transform="translate(11 15)"> 110 <g transform="translate(64 64)"> 111 <g transform="rotate(-225.08) translate(34 0)"> 112 <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> 113 <text font-size="7.0pt" transform="translate(14 0) rotate(225.08) translate(-10.5 3.5)">0.1</text> 114 </g> 115 <g transform="rotate(-171.49) translate(34 0)"> 116 <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> 117 <text font-size="7.0pt" transform="translate(14 0) rotate(171.49) translate(-11 3.5)">0.5</text> 118 </g> 119 <g transform="rotate(-71.76) translate(34 0)"> 120 <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> 121 <text font-size="7.0pt" transform="translate(14 0) rotate(71.76) translate(-2 3.5)">10</text> 122 </g> 123 <g transform="rotate(-124.62) translate(34 0)"> 124 <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> 125 <text font-size="7.0pt" letter-spacing="1px" transform="translate(14 0) rotate(124.62) translate(-10 3.5)">0V</text> 126 </g> 127 <g transform="rotate(-18.17) 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(18.17) translate(-2 3.5)">50</text> 130 </g> 131 <g transform="rotate(27.98) translate(34 0)"> 132 <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/> 133 <text font-size="7.0pt" transform="translate(14 0) rotate(-27.98) translate(-2 3.5)">200</text> 134 </g> 135 <g transform="rotate(51.05) 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(-51.05) translate(-2 3.5)">400HZ</text> 138 </g> 139 140 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-240) translate(37 0)"/> 141 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-216.92) translate(37 0)"/> 142 143 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-193.85) translate(37 0)"/> 144 145 146 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-147.69) translate(37 0)"/> 147 148 149 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-101.54) translate(37 0)"/> 150 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-78.46) translate(37 0)"/> 151 152 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-55.38) translate(37 0)"/> 153 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-32.31) translate(37 0)"/> 154 155 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-9.23) translate(37 0)"/> 156 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(13.85) translate(37 0)"/> 157 158 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(36.92) translate(37 0)"/> 159 <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(60) translate(37 0)"/> 160 </g> 161 </g> 162 163 164 165 <text font-size="6pt" letter-spacing="1px" transform="translate(34 133)">0V = C-3 = 2.04HZ</text> 166 167 <g transform="translate(14 133) rotate(-90)"> 168 <text font-size="6pt" letter-spacing="1px" transform="translate(0 6.1)">SLOW</text> 169 <g transform="translate(27.5 -1.5)"><svg id="SLOW_PARAM"> 170 <g transform="translate(4.5 4.5)"> 171 <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/> 172 </g> 173 </svg></g> 174 </g> 175 176 <g transform="translate(10 150)"> 177 <g transform="translate(7 0)"> 178 179 180 <text font-size="8pt" letter-spacing="2px" transform="translate(8 27) rotate(270)">SAM</text> 181 <g transform="translate(20 0)"><svg id="SAMPLE_PARAM"> 182 <g transform="translate(13 13)"> 183 <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> 184 <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> 185 <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> 186 </g> 187 </svg></g> 188 </g> 189 <g transform="translate(17.5 -9.6)"> 190 <g transform="translate(22.5 22.5)"> 191 <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text> 192 <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/> 193 <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/> 194 <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/> 195 <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/> 196 <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/> 197 <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/> 198 <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/> 199 <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/> 200 <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/> 201 <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/> 202 </g> 203 </g> 204 <g transform="translate(72 0)"> 205 206 207 <text font-size="8pt" letter-spacing="2px" transform="translate(8 22.5) rotate(270)">PW</text> 208 <g transform="translate(20 0)"><svg id="PW_PARAM"> 209 <g transform="translate(13 13)"> 210 <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> 211 <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> 212 <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> 213 </g> 214 </svg></g> 215 </g> 216 <g transform="translate(82.5 -9.6)"> 217 <g transform="translate(22.5 22.5)"> 218 <g transform="rotate(-240) translate(15 0)"> 219 <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text> 220 </g> 221 <g transform="rotate(-210) translate(15 0)"> 222 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 223 </g> 224 <g transform="rotate(-180) translate(15 0)"> 225 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 226 </g> 227 <g transform="rotate(-150) translate(15 0)"> 228 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 229 </g> 230 <g transform="rotate(-120) translate(15 0)"> 231 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 232 </g> 233 <g transform="rotate(-90) translate(15 0)"> 234 <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text> 235 </g> 236 <g transform="rotate(-60) translate(15 0)"> 237 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 238 </g> 239 <g transform="rotate(-30) translate(15 0)"> 240 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 241 </g> 242 <g transform="rotate(0) translate(15 0)"> 243 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 244 </g> 245 <g transform="rotate(30) translate(15 0)"> 246 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 247 </g> 248 <g transform="rotate(60) translate(15 0)"> 249 <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text> 250 </g> 251 </g> 252 </g> 253 </g> 254 255 <g transform="translate(0 196)"> 256 <g transform="translate(10 0)"> 257 258 <text font-size="8pt" letter-spacing="0.5px" transform="translate(8 23) rotate(270)">SMTH</text> 259 <g transform="translate(17 0)"><svg id="SMOOTH_PARAM"> 260 <g transform="translate(8 8)"> 261 <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> 262 <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> 263 <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> 264 </g> 265 </svg></g> 266 <g transform="translate(5 -12)"> 267 <g transform="translate(20 20)"> 268 <polyline points="0,0 4.166666666666667,0" stroke-width="1" transform="rotate(-240) translate(10.0 0)"/> 269 <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="#333" fill="none" transform="rotate(0)"/> 270 <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="#333" fill="none" transform="rotate(43)"/> 271 <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="#333" fill="none" transform="rotate(0)"/> 272 <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="#333" fill="none" transform="rotate(-43)"/> 273 <polyline points="-3,0 3,0" stroke-width="1" fill="none"/> 274 <polyline points="0,-3 0,3" stroke-width="1" fill="none"/> 275 </g> 276 </g> 277 </g> 278 <g transform="translate(56 0)"> 279 280 <text font-size="8pt" letter-spacing="2px" transform="translate(8 18) rotate(270)">OFF</text> 281 <g transform="translate(17 0)"><svg id="OFFSET_PARAM"> 282 <g transform="translate(8 8)"> 283 <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> 284 <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> 285 <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> 286 </g> 287 </svg></g> 288 <g transform="translate(5 -12)"> 289 <g transform="translate(20 20)"> 290 <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/> 291 <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)"/> 292 <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)"/> 293 <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)"/> 294 <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)"/> 295 </g> 296 </g> 297 </g> 298 <g transform="translate(102 0)"> 299 300 <text font-size="8pt" letter-spacing="2px" transform="translate(8 18) rotate(270)">SCL</text> 301 <g transform="translate(17 0)"><svg id="SCALE_PARAM"> 302 <g transform="translate(8 8)"> 303 <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> 304 <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> 305 <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/> 306 </g> 307 </svg></g> 308 <g transform="translate(5 -12)"> 309 <g transform="translate(20 20)"> 310 <polyline points="0,0 4.166666666666667,0" stroke-width="1" transform="rotate(-240) translate(10.0 0)"/> 311 <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="#333" fill="none" transform="rotate(0)"/> 312 <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="#333" fill="none" transform="rotate(43)"/> 313 <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="#333" fill="none" transform="rotate(0)"/> 314 <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="#333" fill="none" transform="rotate(-43)"/> 315 <polyline points="-3,0 3,0" stroke-width="1" fill="none"/> 316 <polyline points="0,-3 0,3" stroke-width="1" fill="none"/> 317 </g> 318 </g> 319 </g> 320 </g> 321 322 323 324 325 326 <g class="io-group" transform="translate(0 225)"> 327 <rect class="output-background" width="130" height="135" rx="5" transform="translate(10 0)"/> 328 <rect class="input-background" width="65" height="135" rx="5" transform="translate(10 0)"/> 329 <rect class="input-background-filler" width="10" height="8" transform="translate(65 0)"/> 330 <rect class="input-background-filler" width="10" height="8" transform="translate(65 127)"/> 331 332 <g transform="translate(12 0)"> 333 <g transform="translate(3 5)"><svg id="SAMPLE_INPUT"> 334 <g transform="translate(12 12)"> 335 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> 336 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> 337 </g> 338 </svg></g> 339 <text class="input-label" font-size="6pt" letter-spacing="1px" text-anchor="middle" transform="translate(15 40)">SAM</text> 340 </g> 341 <g transform="translate(44 0)"> 342 <g transform="translate(3 5)"><svg id="PW_INPUT"> 343 <g transform="translate(12 12)"> 344 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> 345 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> 346 </g> 347 </svg></g> 348 <text class="input-label" font-size="6pt" letter-spacing="1px" text-anchor="middle" transform="translate(15 40)">PW</text> 349 </g> 350 <g transform="translate(76 0)"> 351 <g transform="translate(3 5)"><svg id="RAMP_DOWN_OUTPUT"> 352 <g transform="translate(12 12)"> 353 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> 354 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> 355 </g> 356 </svg></g> 357 358 <g transform="translate(9 33.5)"> 359 360 <polyline class="output-label" points="0,8 0,0 12,8" stroke-width="1" fill="none"/> 361 </g> 362 </g> 363 <g transform="translate(108 0)"> 364 <g transform="translate(3 5)"><svg id="STEPPED_OUTPUT"> 365 <g transform="translate(12 12)"> 366 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> 367 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> 368 </g> 369 </svg></g> 370 371 <g transform="translate(9 33.5)"> 372 373 <polyline class="output-label" points="0,0 0,5 12,5 12,8" stroke-width="1" fill="none"/> 374 </g> 375 </g> 376 377 <g transform="translate(0 44)"> 378 <g transform="translate(12 0)"> 379 <g transform="translate(3 5)"><svg id="OFFSET_INPUT"> 380 <g transform="translate(12 12)"> 381 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> 382 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> 383 </g> 384 </svg></g> 385 <text class="input-label" font-size="6pt" letter-spacing="0.5px" text-anchor="middle" transform="translate(15 40)">OFF/SM</text> 386 </g> 387 <g transform="translate(44 0)"> 388 <g transform="translate(3 5)"><svg id="SCALE_INPUT"> 389 <g transform="translate(12 12)"> 390 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> 391 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> 392 </g> 393 </svg></g> 394 <text class="input-label" font-size="6pt" letter-spacing="1px" text-anchor="middle" transform="translate(15 40)">SCL</text> 395 </g> 396 <g transform="translate(76 0)"> 397 <g transform="translate(3 5)"><svg id="RAMP_UP_OUTPUT"> 398 <g transform="translate(12 12)"> 399 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> 400 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> 401 </g> 402 </svg></g> 403 <g transform="translate(9 33.5)"> 404 <polyline class="output-label" points="0,8 12,0 12,8" stroke-width="1" fill="none"/> 405 </g> 406 </g> 407 <g transform="translate(108 0)"> 408 <g transform="translate(3 5)"><svg id="SQUARE_OUTPUT"> 409 <g transform="translate(12 12)"> 410 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> 411 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> 412 </g> 413 </svg></g> 414 415 <g transform="translate(9 33.5)"> 416 417 <polyline class="output-label" points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" fill="none"/> 418 </g> 419 </g> 420 421 <g transform="translate(10 44)"> 422 <g transform="translate(2 0)"> 423 <g transform="translate(3 5)"><svg id="PITCH_INPUT"> 424 <g transform="translate(12 12)"> 425 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> 426 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> 427 </g> 428 </svg></g> 429 <text class="input-label" font-size="6pt" letter-spacing="0.7px" text-anchor="middle" transform="translate(15 40)">V/OCT</text> 430 </g> 431 <g transform="translate(34 0)"> 432 <g transform="translate(3 5)"><svg id="RESET_INPUT"> 433 <g transform="translate(12 12)"> 434 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> 435 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> 436 </g> 437 </svg></g> 438 <text class="input-label" font-size="6pt" letter-spacing="0.7px" text-anchor="middle" transform="translate(15 40)">RESET</text> 439 </g> 440 <g transform="translate(66 0)"> 441 <g transform="translate(3 5)"><svg id="TRIANGLE_OUTPUT"> 442 <g transform="translate(12 12)"> 443 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> 444 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> 445 </g> 446 </svg></g> 447 448 <g transform="translate(9 33.5)"> 449 450 <polyline class="output-label" points="0,4 3,0 9,8 12,4" stroke-width="1" fill="none"/> 451 </g> 452 </g> 453 <g transform="translate(98 0)"> 454 <g transform="translate(3 5)"><svg id="SINE_OUTPUT"> 455 <g transform="translate(12 12)"> 456 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> 457 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> 458 </g> 459 </svg></g> 460 461 <g transform="translate(9 33.5)"> 462 463 <path class="output-label" d="M 0 4 A 2 3 0 0 1 6 4" stroke-width="1" stroke="#333" fill="none"/> 464 <path class="output-label" d="M 6 4 A 2 3 0 0 0 12 4" stroke-width="1" stroke="#333" fill="none"/> 465 </g> 466 </g> 467 </g> 468 </g> 469 </g> 470 </svg>