output_47_0.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" style="font-family: sans-serif; font-size: 11px;">
        <g transform="translate(0,24)">
      <text id="chordName" x="42" y="12" text-anchor="middle" style="font-size: 16px;">D</text>
      <text id="startingFret" x="0" y="40" style="visibility: hidden;">1</text>
      <g id="svgChord" transform="translate(9,24)">
        <g id="strings" transform="translate(0,2)">
          <rect height="80" width="2" x="0" fill="black"/>
          <rect height="80" width="2" x="20" fill="black"/>
          <rect height="80" width="2" x="40" fill="black"/>
          <rect height="80" width="2" x="60" fill="black"/>
        </g>
        <g id="frets" transform="translate(0,2)">
          <rect height="2" width="62" y="0" fill="black"/>
          <rect height="2" width="62" y="20" fill="black"/>
          <rect height="2" width="62" y="40" fill="black"/>
          <rect height="2" width="62" y="60" fill="black"/>
          <rect height="2" width="62" y="80" fill="black"/>
        </g>
        <g id="closedStrings" transform="translate(1,12)">
          <g id="closedString0" transform="translate(0,20)" style="visibility: visible;">
            <circle r="6"/>
            <text fill="white" id="finger0" y="4" text-anchor="middle"/>
          </g>
          <g id="closedString1" transform="translate(20,20)" style="visibility: visible;">
            <circle r="6"/>
            <text fill="white" id="finger1" y="4" text-anchor="middle"/>
          </g>
          <g id="closedString2" transform="translate(40,20)" style="visibility: visible;">
            <circle r="6"/>
            <text fill="white" id="finger2" y="4" text-anchor="middle"/>
          </g>
          <g id="closedString3" transform="translate(60,-20)" style="visibility: hidden;">
            <circle r="6"/>
            <text fill="white" id="finger3" y="4" text-anchor="middle"/>
          </g>
        </g>
        <g id="openStrings" transform="translate(1,-5)">
          <circle id="openString0" cx="0" r="4" fill="none" stroke="black" stroke-width="1" style="visibility: hidden;"/>
          <circle id="openString1" cx="20" r="4" fill="none" stroke="black" stroke-width="1" style="visibility: hidden;"/>
          <circle id="openString2" cx="40" r="4" fill="none" stroke="black" stroke-width="1" style="visibility: hidden;"/>
          <circle id="openString3" cx="60" r="4" fill="none" stroke="black" stroke-width="1" style="visibility: visible;"/>
        </g>
        <g id="subText" transform="translate(1,98)">
          <text id="subText0" x="0" text-anchor="middle"/>
          <text id="subText1" x="20" text-anchor="middle"/>
          <text id="subText2" x="40" text-anchor="middle"/>
          <text id="subText3" x="60" text-anchor="middle"/>
        </g>
      </g>
        </g><g transform="translate(80,24)">
      <text id="chordName" x="42" y="12" text-anchor="middle" style="font-size: 16px;">Dsus2</text>
      <text id="startingFret" x="0" y="40" style="visibility: hidden;">1</text>
      <g id="svgChord" transform="translate(9,24)">
        <g id="strings" transform="translate(0,2)">
          <rect height="80" width="2" x="0" fill="black"/>
          <rect height="80" width="2" x="20" fill="black"/>
          <rect height="80" width="2" x="40" fill="black"/>
          <rect height="80" width="2" x="60" fill="black"/>
        </g>
        <g id="frets" transform="translate(0,2)">
          <rect height="2" width="62" y="0" fill="black"/>
          <rect height="2" width="62" y="20" fill="black"/>
          <rect height="2" width="62" y="40" fill="black"/>
          <rect height="2" width="62" y="60" fill="black"/>
          <rect height="2" width="62" y="80" fill="black"/>
        </g>
        <g id="closedStrings" transform="translate(1,12)">
          <g id="closedString0" transform="translate(0,20)" style="visibility: visible;">
            <circle r="6"/>
            <text fill="white" id="finger0" y="4" text-anchor="middle"/>
          </g>
          <g id="closedString1" transform="translate(20,20)" style="visibility: visible;">
            <circle r="6"/>
            <text fill="white" id="finger1" y="4" text-anchor="middle"/>
          </g>
          <g id="closedString2" transform="translate(40,-20)" style="visibility: hidden;">
            <circle r="6"/>
            <text fill="white" id="finger2" y="4" text-anchor="middle"/>
          </g>
          <g id="closedString3" transform="translate(60,-20)" style="visibility: hidden;">
            <circle r="6"/>
            <text fill="white" id="finger3" y="4" text-anchor="middle"/>
          </g>
        </g>
        <g id="openStrings" transform="translate(1,-5)">
          <circle id="openString0" cx="0" r="4" fill="none" stroke="black" stroke-width="1" style="visibility: hidden;"/>
          <circle id="openString1" cx="20" r="4" fill="none" stroke="black" stroke-width="1" style="visibility: hidden;"/>
          <circle id="openString2" cx="40" r="4" fill="none" stroke="black" stroke-width="1" style="visibility: visible;"/>
          <circle id="openString3" cx="60" r="4" fill="none" stroke="black" stroke-width="1" style="visibility: visible;"/>
        </g>
        <g id="subText" transform="translate(1,98)">
          <text id="subText0" x="0" text-anchor="middle"/>
          <text id="subText1" x="20" text-anchor="middle"/>
          <text id="subText2" x="40" text-anchor="middle"/>
          <text id="subText3" x="60" text-anchor="middle"/>
        </g>
      </g>
        </g></svg>