documentation/ratiointerval_block.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   width="334.35938"
   height="570"
   version="1.1"
   id="svg496"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
  <defs
     id="defs500" />
  <g
     id="g106"
     transform="translate(-284,-163)">
    <g
       transform="translate(298,227)"
       id="g86">
      <g
         transform="scale(1.5)"
         id="g84">
        <path
           d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 9 40 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -40 -1 v 2 h -8 v -2 h -1 -4 a 5,5 90 0 0 -5,5 v 4 4 42 4 a 5,5 90 0 0 5,5 h 4 v 2 h 10 v -2 h 8 v 6 6 4 a 4,4 90 0 1 -4,4 h -4 -9 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
           style="fill:#ff8700;fill-opacity:1;stroke:#e86b0e;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
           id="path74" />
        <text
           style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
           id="text78"><tspan
             x="20"
             y="15"
             id="tspan76">note</tspan></text>
        <text
           style="font-size:6.66667px;font-family:sans-serif;text-anchor:end;fill:#282828"
           id="text82"><tspan
             x="65"
             y="12"
             id="tspan80">value</tspan></text>
      </g>
    </g>
    <g
       transform="matrix(0.5,0,0,0.5,298,231)"
       id="g104">
      <g
         style="isolation:isolate"
         id="g102">
        <g
           id="g100"
           data-name="レイヤー 2">
          <g
             id="g98">
            <rect
               width="42"
               height="42"
               rx="5"
               ry="5"
               style="opacity:0.4;mix-blend-mode:multiply;fill:#292929"
               id="rect88"
               x="0"
               y="0" />
            <path
               d="m 30.56,29.8 -4.17,-4.16 h 2.26 a 1.035,1.035 0 1 0 0,-2.07 h -4.71 a 1.08,1.08 0 0 0 -1.11,1 v 0 c 0,0 0,0 0,0.06 v 4.64 0 a 1.04,1.04 0 1 0 2.08,0 v -2.19 l 4.19,4.19 a 1,1 0 0 0 1.46,0 1,1 0 0 0 0,-1.47 z"
               style="fill:#ffffff"
               id="path90" />
            <path
               d="m 19.17,24.6 a 1.08,1.08 0 0 0 -1.11,-1 h -4.71 a 1.035,1.035 0 1 0 0,2.07 h 2.25 l -4.16,4.13 a 1.039447,1.039447 0 0 0 1.47,1.47 l 4.18,-4.19 v 2.26 a 1.04,1.04 0 1 0 2.08,0 V 24.7 c 0,0 0,0 0,-0.06 a 0.08,0.08 0 0 1 0,-0.04 z"
               style="fill:#ffffff"
               id="path92" />
            <path
               d="m 23.94,20.5 h 4.7 a 1.04,1.04 0 1 0 0,-2.08 h -2.25 l 4.17,-4.16 a 1,1 0 0 0 0,-1.47 1,1 0 0 0 -1.46,0 L 24.91,17 v -2.28 a 1.04,1.04 0 1 0 -2.08,0 v 4.64 a 0.43,0.43 0 0 0 0,0.05 v 0.05 a 1.09,1.09 0 0 0 1.11,1.04 z"
               style="fill:#ffffff"
               id="path94" />
            <path
               d="m 18.13,13.62 a 1.08,1.08 0 0 0 -1,1.09 V 17 l -4.18,-4.19 a 1,1 0 0 0 -1.47,0 1,1 0 0 0 0,1.46 l 4.16,4.17 h -2.29 a 1.04,1.04 0 1 0 0,2.08 h 4.71 a 1.09,1.09 0 0 0 1.11,-1 c 0,0 0,0 0,-0.06 v -4.75 a 1.07,1.07 0 0 0 -1.04,-1.09 z"
               style="fill:#ffffff"
               id="path96" />
          </g>
        </g>
      </g>
    </g>
  </g>
  <g
     transform="translate(116,64)"
     id="g124">
    <g
       transform="scale(1.5)"
       id="g122">
      <path
         d="m 8.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 10 30 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 17 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -30 -10 -4 a 4,4 90 0 1 -4,-4 v -4 -21 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 z"
         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path108" />
      <text
         style="font-size:9px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text112"><tspan
           x="54"
           y="23"
           id="tspan110">/</tspan></text>
      <text
         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text116"><tspan
           x="54"
           y="12"
           id="tspan114" /></text>
      <text
         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text120"><tspan
           x="54"
           y="33"
           id="tspan118" /></text>
    </g>
  </g>
  <g
     transform="translate(202,64)"
     id="g134">
    <g
       transform="scale(1.5)"
       id="g132">
      <path
         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path126" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text130"><tspan
           x="13"
           y="14"
           id="tspan128">1</tspan></text>
    </g>
  </g>
  <g
     transform="translate(202,96)"
     id="g144">
    <g
       transform="scale(1.5)"
       id="g142">
      <path
         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path136" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text140"><tspan
           x="13"
           y="14"
           id="tspan138">4</tspan></text>
    </g>
  </g>
  <g
     transform="translate(28,96)"
     id="g154">
    <g
       transform="scale(1.5)"
       id="g152">
      <path
         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 20 4 a 4,4 90 0 1 4,4 v 4 4 4 a 4,4 90 0 1 -4,4 h -4 -20 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
         style="fill:#c4c4c4;fill-opacity:1;stroke:#a0a0a0;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path146" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text150"><tspan
           x="36"
           y="14"
           id="tspan148">↓</tspan></text>
    </g>
  </g>
  <g
     transform="translate(28,128)"
     id="g172">
    <g
       transform="scale(1.5)"
       id="g170">
      <path
         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 30 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 17 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -30 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 -21 z"
         style="fill:#7cd622;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path156" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text160"><tspan
           x="46"
           y="24"
           id="tspan158">pitch</tspan></text>
      <text
         style="font-size:6.66667px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text164"><tspan
           x="46"
           y="12"
           id="tspan162">name</tspan></text>
      <text
         style="font-size:6.66667px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text168"><tspan
           x="46"
           y="33"
           id="tspan166">octave</tspan></text>
    </g>
  </g>
  <g
     transform="translate(102,128)"
     id="g182">
    <g
       transform="scale(1.5)"
       id="g180">
      <path
         d="m 8.5,0.5 h 62.246094 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#7cd622;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path174" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text178"><tspan
           x="13"
           y="14"
           id="tspan176">sol</tspan></text>
    </g>
  </g>
  <g
     transform="translate(102,160)"
     id="g192">
    <g
       transform="scale(1.5)"
       id="g190">
      <path
         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path184" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text188"><tspan
           x="13"
           y="14"
           id="tspan186">4</tspan></text>
    </g>
  </g>
  <g
     id="g226"
     transform="translate(-284,-163)">
    <g
       transform="translate(298,385)"
       id="g206">
      <g
         transform="scale(1.5)"
         id="g204">
        <path
           d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 9 40 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -40 -1 v 2 h -8 v -2 h -1 -4 a 5,5 90 0 0 -5,5 v 4 4 42 4 a 5,5 90 0 0 5,5 h 4 v 2 h 10 v -2 h 8 v 6 6 4 a 4,4 90 0 1 -4,4 h -4 -9 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
           style="fill:#ff8700;fill-opacity:1;stroke:#e86b0e;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
           id="path194" />
        <text
           style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
           id="text198"><tspan
             x="20"
             y="15"
             id="tspan196">note</tspan></text>
        <text
           style="font-size:6.66667px;font-family:sans-serif;text-anchor:end;fill:#282828"
           id="text202"><tspan
             x="65"
             y="12"
             id="tspan200">value</tspan></text>
      </g>
    </g>
    <g
       transform="matrix(0.5,0,0,0.5,298,389)"
       id="g224">
      <g
         style="isolation:isolate"
         id="g222">
        <g
           id="g220"
           data-name="レイヤー 2">
          <g
             id="g218">
            <rect
               width="42"
               height="42"
               rx="5"
               ry="5"
               style="opacity:0.4;mix-blend-mode:multiply;fill:#292929"
               id="rect208"
               x="0"
               y="0" />
            <path
               d="m 30.56,29.8 -4.17,-4.16 h 2.26 a 1.035,1.035 0 1 0 0,-2.07 h -4.71 a 1.08,1.08 0 0 0 -1.11,1 v 0 c 0,0 0,0 0,0.06 v 4.64 0 a 1.04,1.04 0 1 0 2.08,0 v -2.19 l 4.19,4.19 a 1,1 0 0 0 1.46,0 1,1 0 0 0 0,-1.47 z"
               style="fill:#ffffff"
               id="path210" />
            <path
               d="m 19.17,24.6 a 1.08,1.08 0 0 0 -1.11,-1 h -4.71 a 1.035,1.035 0 1 0 0,2.07 h 2.25 l -4.16,4.13 a 1.039447,1.039447 0 0 0 1.47,1.47 l 4.18,-4.19 v 2.26 a 1.04,1.04 0 1 0 2.08,0 V 24.7 c 0,0 0,0 0,-0.06 a 0.08,0.08 0 0 1 0,-0.04 z"
               style="fill:#ffffff"
               id="path212" />
            <path
               d="m 23.94,20.5 h 4.7 a 1.04,1.04 0 1 0 0,-2.08 h -2.25 l 4.17,-4.16 a 1,1 0 0 0 0,-1.47 1,1 0 0 0 -1.46,0 L 24.91,17 v -2.28 a 1.04,1.04 0 1 0 -2.08,0 v 4.64 a 0.43,0.43 0 0 0 0,0.05 v 0.05 a 1.09,1.09 0 0 0 1.11,1.04 z"
               style="fill:#ffffff"
               id="path214" />
            <path
               d="m 18.13,13.62 a 1.08,1.08 0 0 0 -1,1.09 V 17 l -4.18,-4.19 a 1,1 0 0 0 -1.47,0 1,1 0 0 0 0,1.46 l 4.16,4.17 h -2.29 a 1.04,1.04 0 1 0 0,2.08 h 4.71 a 1.09,1.09 0 0 0 1.11,-1 c 0,0 0,0 0,-0.06 v -4.75 a 1.07,1.07 0 0 0 -1.04,-1.09 z"
               style="fill:#ffffff"
               id="path216" />
          </g>
        </g>
      </g>
    </g>
  </g>
  <g
     transform="translate(116,222)"
     id="g244">
    <g
       transform="scale(1.5)"
       id="g242">
      <path
         d="m 8.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 10 30 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 17 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -30 -10 -4 a 4,4 90 0 1 -4,-4 v -4 -21 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 z"
         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path228" />
      <text
         style="font-size:9px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text232"><tspan
           x="54"
           y="23"
           id="tspan230">/</tspan></text>
      <text
         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text236"><tspan
           x="54"
           y="12"
           id="tspan234" /></text>
      <text
         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text240"><tspan
           x="54"
           y="33"
           id="tspan238" /></text>
    </g>
  </g>
  <g
     transform="translate(202,222)"
     id="g254">
    <g
       transform="scale(1.5)"
       id="g252">
      <path
         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path246" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text250"><tspan
           x="13"
           y="14"
           id="tspan248">1</tspan></text>
    </g>
  </g>
  <g
     transform="translate(202,254)"
     id="g264">
    <g
       transform="scale(1.5)"
       id="g262">
      <path
         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path256" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text260"><tspan
           x="13"
           y="14"
           id="tspan258">4</tspan></text>
    </g>
  </g>
  <g
     transform="translate(28,254)"
     id="g274">
    <g
       transform="scale(1.5)"
       id="g272">
      <path
         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 20 4 a 4,4 90 0 1 4,4 v 4 4 4 a 4,4 90 0 1 -4,4 h -4 -20 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
         style="fill:#c4c4c4;fill-opacity:1;stroke:#a0a0a0;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path266" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text270"><tspan
           x="36"
           y="14"
           id="tspan268">↓</tspan></text>
    </g>
  </g>
  <g
     transform="translate(28,286)"
     id="g292">
    <g
       transform="scale(1.5)"
       id="g290">
      <path
         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 30 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 17 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -30 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 -21 z"
         style="fill:#7cd622;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path276" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text280"><tspan
           x="46"
           y="24"
           id="tspan278">pitch</tspan></text>
      <text
         style="font-size:6.66667px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text284"><tspan
           x="46"
           y="12"
           id="tspan282">name</tspan></text>
      <text
         style="font-size:6.66667px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text288"><tspan
           x="46"
           y="33"
           id="tspan286">octave</tspan></text>
    </g>
  </g>
  <g
     transform="translate(102,286)"
     id="g302">
    <g
       transform="scale(1.5)"
       id="g300">
      <path
         d="m 8.5,0.5 h 62.246094 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#7cd622;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path294" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text298"><tspan
           x="13"
           y="14"
           id="tspan296">mi</tspan></text>
    </g>
  </g>
  <g
     transform="translate(102,318)"
     id="g312">
    <g
       transform="scale(1.5)"
       id="g310">
      <path
         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path304" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text308"><tspan
           x="13"
           y="14"
           id="tspan306">4</tspan></text>
    </g>
  </g>
  <g
     id="g346"
     transform="translate(-284,-163)">
    <g
       transform="translate(298,543)"
       id="g326">
      <g
         transform="scale(1.5)"
         id="g324">
        <path
           d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 9 40 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -40 -1 v 2 h -8 v -2 h -1 -4 a 5,5 90 0 0 -5,5 v 4 4 42 4 a 5,5 90 0 0 5,5 h 4 v 2 h 10 v -2 h 8 v 6 6 4 a 4,4 90 0 1 -4,4 h -4 -9 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
           style="fill:#ff8700;fill-opacity:1;stroke:#e86b0e;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
           id="path314" />
        <text
           style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
           id="text318"><tspan
             x="20"
             y="15"
             id="tspan316">note</tspan></text>
        <text
           style="font-size:6.66667px;font-family:sans-serif;text-anchor:end;fill:#282828"
           id="text322"><tspan
             x="65"
             y="12"
             id="tspan320">value</tspan></text>
      </g>
    </g>
    <g
       transform="matrix(0.5,0,0,0.5,298,547)"
       id="g344">
      <g
         style="isolation:isolate"
         id="g342">
        <g
           id="g340"
           data-name="レイヤー 2">
          <g
             id="g338">
            <rect
               width="42"
               height="42"
               rx="5"
               ry="5"
               style="opacity:0.4;mix-blend-mode:multiply;fill:#292929"
               id="rect328"
               x="0"
               y="0" />
            <path
               d="m 30.56,29.8 -4.17,-4.16 h 2.26 a 1.035,1.035 0 1 0 0,-2.07 h -4.71 a 1.08,1.08 0 0 0 -1.11,1 v 0 c 0,0 0,0 0,0.06 v 4.64 0 a 1.04,1.04 0 1 0 2.08,0 v -2.19 l 4.19,4.19 a 1,1 0 0 0 1.46,0 1,1 0 0 0 0,-1.47 z"
               style="fill:#ffffff"
               id="path330" />
            <path
               d="m 19.17,24.6 a 1.08,1.08 0 0 0 -1.11,-1 h -4.71 a 1.035,1.035 0 1 0 0,2.07 h 2.25 l -4.16,4.13 a 1.039447,1.039447 0 0 0 1.47,1.47 l 4.18,-4.19 v 2.26 a 1.04,1.04 0 1 0 2.08,0 V 24.7 c 0,0 0,0 0,-0.06 a 0.08,0.08 0 0 1 0,-0.04 z"
               style="fill:#ffffff"
               id="path332" />
            <path
               d="m 23.94,20.5 h 4.7 a 1.04,1.04 0 1 0 0,-2.08 h -2.25 l 4.17,-4.16 a 1,1 0 0 0 0,-1.47 1,1 0 0 0 -1.46,0 L 24.91,17 v -2.28 a 1.04,1.04 0 1 0 -2.08,0 v 4.64 a 0.43,0.43 0 0 0 0,0.05 v 0.05 a 1.09,1.09 0 0 0 1.11,1.04 z"
               style="fill:#ffffff"
               id="path334" />
            <path
               d="m 18.13,13.62 a 1.08,1.08 0 0 0 -1,1.09 V 17 l -4.18,-4.19 a 1,1 0 0 0 -1.47,0 1,1 0 0 0 0,1.46 l 4.16,4.17 h -2.29 a 1.04,1.04 0 1 0 0,2.08 h 4.71 a 1.09,1.09 0 0 0 1.11,-1 c 0,0 0,0 0,-0.06 v -4.75 a 1.07,1.07 0 0 0 -1.04,-1.09 z"
               style="fill:#ffffff"
               id="path336" />
          </g>
        </g>
      </g>
    </g>
  </g>
  <g
     transform="translate(116,380)"
     id="g364">
    <g
       transform="scale(1.5)"
       id="g362">
      <path
         d="m 8.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 10 30 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 17 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -30 -10 -4 a 4,4 90 0 1 -4,-4 v -4 -21 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 z"
         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path348" />
      <text
         style="font-size:9px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text352"><tspan
           x="54"
           y="23"
           id="tspan350">/</tspan></text>
      <text
         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text356"><tspan
           x="54"
           y="12"
           id="tspan354" /></text>
      <text
         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text360"><tspan
           x="54"
           y="33"
           id="tspan358" /></text>
    </g>
  </g>
  <g
     transform="translate(202,380)"
     id="g374">
    <g
       transform="scale(1.5)"
       id="g372">
      <path
         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path366" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text370"><tspan
           x="13"
           y="14"
           id="tspan368">1</tspan></text>
    </g>
  </g>
  <g
     transform="translate(202,412)"
     id="g384">
    <g
       transform="scale(1.5)"
       id="g382">
      <path
         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path376" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text380"><tspan
           x="13"
           y="14"
           id="tspan378">2</tspan></text>
    </g>
  </g>
  <g
     transform="translate(28,412)"
     id="g394">
    <g
       transform="scale(1.5)"
       id="g392">
      <path
         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 20 4 a 4,4 90 0 1 4,4 v 4 4 4 a 4,4 90 0 1 -4,4 h -4 -20 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
         style="fill:#c4c4c4;fill-opacity:1;stroke:#a0a0a0;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path386" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text390"><tspan
           x="36"
           y="14"
           id="tspan388">↓</tspan></text>
    </g>
  </g>
  <g
     transform="translate(28,444)"
     id="g412">
    <g
       transform="scale(1.5)"
       id="g410">
      <path
         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 30 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 17 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -30 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 -21 z"
         style="fill:#7cd622;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path396" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text400"><tspan
           x="46"
           y="24"
           id="tspan398">pitch</tspan></text>
      <text
         style="font-size:6.66667px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text404"><tspan
           x="46"
           y="12"
           id="tspan402">name</tspan></text>
      <text
         style="font-size:6.66667px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text408"><tspan
           x="46"
           y="33"
           id="tspan406">octave</tspan></text>
    </g>
  </g>
  <g
     transform="translate(102,444)"
     id="g422">
    <g
       transform="scale(1.5)"
       id="g420">
      <path
         d="m 8.5,0.5 h 62.246094 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#7cd622;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path414" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text418"><tspan
           x="13"
           y="14"
           id="tspan416">sol</tspan></text>
    </g>
  </g>
  <g
     transform="translate(102,476)"
     id="g432">
    <g
       transform="scale(1.5)"
       id="g430">
      <path
         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path424" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text428"><tspan
           x="13"
           y="14"
           id="tspan426">4</tspan></text>
    </g>
  </g>
  <g
     id="g446">
    <g
       transform="scale(1.5)"
       id="g444">
      <path
         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 9 64.467773 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 H 27.5 h -1 v 2 h -8 v -2 h -1 -4 a 5,5 90 0 0 -5,5 v 4 4 315 4 a 5,5 90 0 0 5,5 h 4 v 2 h 10 v -2 h 8 v 6 6 4 a 4,4 90 0 1 -4,4 h -4 -9 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
         style="fill:#7cd622;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path434" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text438"><tspan
           x="5"
           y="15"
           id="tspan436">ratio interval</tspan></text>
      <text
         style="font-size:6.66667px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text442"><tspan
           x="90"
           y="12"
           id="tspan440" /></text>
    </g>
  </g>
  <g
     transform="translate(139)"
     id="g464">
    <g
       transform="scale(1.5)"
       id="g462">
      <path
         d="m 8.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 10 30 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 17 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -30 -10 -4 a 4,4 90 0 1 -4,-4 v -4 -21 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 z"
         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path448" />
      <text
         style="font-size:9px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text452"><tspan
           x="54"
           y="23"
           id="tspan450">/</tspan></text>
      <text
         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text456"><tspan
           x="54"
           y="12"
           id="tspan454" /></text>
      <text
         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text460"><tspan
           x="54"
           y="33"
           id="tspan458" /></text>
    </g>
  </g>
  <g
     transform="translate(225)"
     id="g474">
    <g
       transform="scale(1.5)"
       id="g472">
      <path
         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path466" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text470"><tspan
           x="13"
           y="14"
           id="tspan468">3</tspan></text>
    </g>
  </g>
  <g
     transform="translate(225,32)"
     id="g484">
    <g
       transform="scale(1.5)"
       id="g482">
      <path
         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path476" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text480"><tspan
           x="13"
           y="14"
           id="tspan478">2</tspan></text>
    </g>
  </g>
  <g
     transform="translate(14,32)"
     id="g494">
    <g
       transform="scale(1.5)"
       id="g492">
      <path
         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 20 4 a 4,4 90 0 1 4,4 v 4 4 4 a 4,4 90 0 1 -4,4 h -4 -20 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
         style="fill:#c4c4c4;fill-opacity:1;stroke:#a0a0a0;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path486" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text490"><tspan
           x="36"
           y="14"
           id="tspan488">↓</tspan></text>
    </g>
  </g>
</svg>