.UkuleleCodeSVG

SVG data of ukulele code tablatures.
See also printers page demo on blocks.
http://bl.ocks.org/TatsuoWatanabe/raw/c5c054fe37a236151a194cae2f555584

If you want more ukulele code, download inkscape.
https://inkscape.org/
Then you can edit svg file, and you can create more ukulele codes very easily.

A7_01.svg

A7_03.svg

A7_04.svg

A7sus4_03.svg

A_01.svg

A_02.svg

A_03.svg

A_04.svg

B_01.svg

Bm_01.svg

Bm_02.svg

C_01.svg

CM9_03.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->

<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   version="1.2"
   width="443"
   height="325.5"
   id="svg5244"
   inkscape:version="0.48.5 r10040"
   sodipodi:docname="CM9_03.svg">
  <sodipodi:namedview
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1"
     objecttolerance="10"
     gridtolerance="10"
     guidetolerance="10"
     inkscape:pageopacity="0"
     inkscape:pageshadow="2"
     inkscape:window-width="1114"
     inkscape:window-height="840"
     id="namedview21"
     showgrid="true"
     inkscape:zoom="1.3463104"
     inkscape:cx="199.79828"
     inkscape:cy="154.18037"
     inkscape:window-x="5"
     inkscape:window-y="7"
     inkscape:window-maximized="0"
     inkscape:current-layer="svg5244"
     inkscape:snap-global="false">
    <inkscape:grid
       type="xygrid"
       id="grid3986"
       units="mm"
       empspacing="5"
       visible="true"
       enabled="true"
       snapvisiblegridlinesonly="true" />
  </sodipodi:namedview>
  <defs
     id="defs5246">
    <marker
       refX="0"
       refY="0"
       orient="auto"
       id="Arrow1Lstart"
       style="overflow:visible">
      <path
         d="M 0,0 5,-5 -12.5,0 5,5 0,0 z"
         transform="matrix(0.8,0,0,0.8,10,0)"
         id="path3764"
         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt"
         inkscape:connector-curvature="0" />
    </marker>
  </defs>
  <metadata
     id="metadata5249">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     transform="translate(0,-606.86085)"
     id="layer1"
     style="display:inline">
    <path
       d="m 2.3297124,677.7362 405.0526876,0"
       id="path5254"
       style="fill:none;stroke:#000000;stroke-width:5.3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
       inkscape:connector-curvature="0" />
    <path
       d="m 67.158585,676.428 0.0013,178.95827"
       id="path5892"
       style="fill:none;stroke:#000000;stroke-width:5.31992006;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
       inkscape:connector-curvature="0" />
    <path
       d="m 124.01575,677.37613 0,176.92848"
       id="path4219"
       style="fill:none;stroke:#000000;stroke-width:5.2617836;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
       inkscape:connector-curvature="0" />
    <path
       d="m 177.16535,676.12719 0,178.35298"
       id="path4243"
       style="fill:none;stroke:#000000;stroke-width:5.31496048;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
       inkscape:connector-curvature="0" />
    <path
       d="M 5.3158072,675.03426 5.3149605,856.42489"
       id="path4256"
       style="fill:none;stroke:#000000;stroke-width:5.3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
       inkscape:connector-curvature="0" />
    <path
       d="m 233.85827,676.12719 c -0.6156,59.83174 0.62719,122.6338 0,180.08878"
       id="path4258"
       style="fill:none;stroke:#000000;stroke-width:5.31496048;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
       inkscape:connector-curvature="0" />
    <path
       d="m 286.35945,675.61499 0,180.08878"
       id="path4260"
       style="fill:none;stroke:#000000;stroke-width:5.31496048;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
       inkscape:connector-curvature="0" />
    <path
       d="M 2.6606867,795.6975 408.35966,795.23538"
       id="path4273"
       style="fill:none;stroke:#000000;stroke-width:5.32137346;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
       inkscape:connector-curvature="0" />
    <path
       d="m 2.6630991,736.83335 405.2617109,0.9258"
       id="path4286"
       style="fill:none;stroke:#000000;stroke-width:5.3261981;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
       inkscape:connector-curvature="0" />
    <path
       d="m 340.40537,678.6194 0,176.35058"
       id="path4299"
       style="fill:none;stroke:#000000;stroke-width:5.27927828;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
       inkscape:connector-curvature="0" />
    <path
       d="m 395.32247,678.31361 -0.94415,176.86917"
       id="path4301"
       style="fill:none;stroke:#000000;stroke-width:5.31496048;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
       inkscape:connector-curvature="0" />
  </g>
  <text
     xml:space="preserve"
     style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
     x="25.067921"
     y="300.5"
     id="text3048"
     sodipodi:linespacing="125%"><tspan
       sodipodi:role="line"
       x="25.067921"
       y="300.5"
       id="tspan3052">5</tspan></text>
  <text
     xml:space="preserve"
     style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
     x="84.518677"
     y="300.5"
     id="text3056"
     sodipodi:linespacing="125%"><tspan
       sodipodi:role="line"
       id="tspan3058"
       x="84.518677"
       y="300.5">6</tspan></text>
  <text
     xml:space="preserve"
     style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
     x="139.87062"
     y="299.89453"
     id="text3060"
     sodipodi:linespacing="125%"><tspan
       sodipodi:role="line"
       id="tspan3062"
       x="139.87062"
       y="299.89453">7</tspan></text>
  <text
     xml:space="preserve"
     style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
     x="193.23492"
     y="300.5"
     id="text3064"
     sodipodi:linespacing="125%"><tspan
       sodipodi:role="line"
       id="tspan3066"
       x="193.23492"
       y="300.5">8</tspan></text>
  <text
     xml:space="preserve"
     style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
     x="283.84006"
     y="299.89453"
     id="text3068"
     sodipodi:linespacing="125%"><tspan
       sodipodi:role="line"
       id="tspan3070"
       x="283.84006"
       y="299.89453">10</tspan></text>
  <text
     xml:space="preserve"
     style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
     x="247.50661"
     y="299.89453"
     id="text3072"
     sodipodi:linespacing="125%"><tspan
       sodipodi:role="line"
       id="tspan3074"
       x="247.50661"
       y="299.89453">9</tspan></text>
  <text
     xml:space="preserve"
     style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
     x="343.16727"
     y="300.5"
     id="text3076"
     sodipodi:linespacing="125%"><tspan
       sodipodi:role="line"
       id="tspan3078"
       x="343.16727"
       y="300.5">11</tspan></text>
  <text
     xml:space="preserve"
     style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
     x="15.192383"
     y="53.801666"
     id="text3982"
     sodipodi:linespacing="125%"><tspan
       sodipodi:role="line"
       x="15.192383"
       y="53.801666"
       style="font-size:50px"
       id="tspan3200">CM9</tspan></text>
  <path
     style="fill:none;stroke:#000000;stroke-width:5.31810617;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
     d="m 2.6590531,246.788 404.6110369,0"
     id="path3014"
     inkscape:connector-curvature="0" />
  <rect
     style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.35699999;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
     id="rect3074"
     width="25.707155"
     height="200.83714"
     x="138.53442"
     y="57.750469"
     ry="12.853578" />
</svg>

D_01.svg

D_02.svg

D_03.svg

D_04.svg

Dadd9_01.svg

E_01.svg

Em9_03.svg

Em_01.svg

F#7_01.svg

F#_01.svg

F_01.svg

G_01.svg

G_02.svg

G_03.svg

G_04.svg

index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf8" />
    <title>UkuleleCodeSVG</title>
    <style>
      @media print {
        #description {
          display: none;
        }
      }
    </style>
    <script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
    <script type="text/javascript">
      function getUrlVars(queryString) {
        var urlVarsArr = decodeURIComponent(queryString).split('&').map(function(i) { return i.split('='); });
        var urlVars = {};
        urlVarsArr.forEach(function(i) {
          urlVars[i[0]] = i[1];
        });
        return urlVars;
      }
      
      $(function() {
        $('img.code').remove();
        $('#description a').each(function(i, a) { $(a).text(a.href); });
        
        var urlVars = getUrlVars(location.search.slice(1));
        var width   = urlVars.width || 50;
        
        for(var key in urlVars) {
          if (key === 'width')              { continue; }
          if (!urlVars.hasOwnProperty(key)) { continue; }
          
          for (var i = 0; i < urlVars[key]; i += 1){
            $('<img class="code" src="' + encodeURIComponent(key) + '" />').appendTo('body').width(width);
          }
        }
      });
    </script>
  </head>
  <body>
    <section id="description">
      <p>This is ukuleleCodeSVG printer page.</p>
      <p>You can specify the ukulele codes by input the filename of svg and amount to URL like this.</p>
      <ul>
        <li>
          <a href="?width=60&A_01.svg=10&B_01.svg=10&F%237_01.svg=10"></a>
        </li>
        <li>
          <a href="?width=100&F%237_01.svg=20&G_01.svg=20&G_02.svg=20&G_03.svg=20&G_04.svg=20"></a>
        </li>
        <li>
          <a href="?width=300&F%237_01.svg=1&D_01.svg=1&Bm_02.svg=1&A7sus4_03.svg=1&A7_03.svg=1"></a>
        </li>
        <li>
          <a href="?width=50&A_01.svg=6&A_02.svg=6&A_03.svg=6&A_04.svg=6&A7_01.svg=6&A7_03.svg=6&A7sus4_03.svg=6&B_01.svg=6&Bm_01.svg=6&Bm_02.svg=6&C_01.svg=6&D_01.svg=6&D_02.svg=6&D_03.svg=6&D_04.svg=6&E_01.svg=6&Em_01.svg=6&F_01.svg=6&F%237_01.svg=6&G_01.svg=6&G_02.svg=6&G_03.svg=6&G_04.svg=6"></a>
        </li>
        <li>
          <a href="?width=50&Dadd9_01.svg=26&A_04.svg=26&C_01.svg=26&D_01.svg=26&E_01.svg=26&F_01.svg=26&G_01.svg=26&A_01.svg=26&B_01.svg=26"></a>
        </li>
      </ul>
      <p>Then print this page and cut it.</p>
      <p>You can paste the ukulele codes to your musical score.</p>
      <p>Have fun!</p>
    </section>
  </body>
   
</html>

LICENSE.txt

Copyright (c) <2016> <Tatsuo Watanabe>

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.