Sometimes its nice to have a handy tool for displaying different chords on a web page. For instance lets say that you want to show off some lyrics with chords to teach someone a song. I created ChordTab to have a simple way to display those chords.

Code Sample

<style>
  svg {
    width: 100px;
  }
</style>
<c-tab chord="G" instrument="guitar" scale="major"></c-tab>

<script src="https://gitcdn.xyz/repo/blh0021/chordTab/master/src/tab.min.js"></script> 

Sample Chords

Other Instruments

In addition to guitar, you can also change the instrument attribute to mandolin, ukulele, or banjo. Currently not every chord has been created data wise but work is being done all the time.