This app was built as an exercise, after pondering the question: How do you make a single page web application to display scales on guitar grids without actually having to create pictures for each scale?

What we’ve ended up with is a single page jquery applicationĀ backed by the simplest of codeigniter setups, and a home-brewed music theory mySQL database, which maps the various scales to the correct frets given a tonic and scale type. Each guitar grid is then draw onto an HTML5 canvas element. Each grid also renders the scale degree of each note.