Guitar Chord Tab Chart
Standard tuning E A D G B E · read the tab top‑down (high e to low E) · number = fret, 0 = open, × = don’t play
How to play
- Tap a chord to see it written as tablature and as a fingering diagram, and hear it strummed.
- Reading tab — each line is a string (top line = thinnest, high e). The number tells you which fret to press on that string; 0 = play it open, × = mute it.
- Strum re‑plays the chord (tap the diagram too). Vol sets volume.
- Keyboard — Tab to any chord or control, Enter/Space to activate.
- Tip — the highlighted numbers are the notes you fret; the quiet ones are open or muted strings.
The guitar chord widget offers an instant look at standard chords that you can also hear at the same time within seconds of selecting them. There is navigation keys available to you via your computer keyboard as well as buttons you can click on the screen itself. For each option, you will be presented with a diagram of the fretboard as well as a tablature chart indicating where to place your fingers. It’s responsive and quick and allows you to play around with various shapes without having to navigate away from the page.
Starting out couldn’t be simpler: Just hit any of the chord buttons at the top of the screen, which are laid out in a grid. These buttons shows popular open position chords in standard tuning. Hitting a button will light it up in an accent color. This lets you know which voicing has been chosen. The widget also refreshes the screen underneath to reflect the new chord. Clicking another cell in the grid let you jump back and forth from chord more quicker as desired.
How to Use the Guitar Chord Widget
Below the control are two representations of the chord you selected shown on stage. To the left is a tablature chart that has six lines, one per string, drawn horizontally from top (high) to bottom (low). Numbers along each line tell you what fret to press. An X means do not play that string. A zero means that it’s played open. To the right, a diagram of the neck show this same information using dots for finger positions and symbols for open or muted strings.
The Strum button (shown in the control bar), allows you to hear what the chord sounds like. When clicked, it plays a brief clip of the chosen chord being strummed. If you wish to re-play the sound without having to move your mouse back to the button, you simply click anywhere on the diagram or tab chart and it will re-trigger the sound. It’s a synthesized tone but it is designed to sound warm like an actual acoustic guitar do.
On the right-hand side of the control bar, there’s a slider called Vol that provides volume control. As you drag it left and right, you’ll notice the chord samples becomes quieter/louder. It works for any audio produced by the widget while using it. This can come in handy if you’re trying to practice in silence or simply concentrate more on the visual diagraming.
Click the Fullscreen button at the top of the widget for a better look. The widget will fill your whole screen and hide other page content, making the diagrams and chord grid bigger and more readable, especially if you’re viewing it from a smaller device or busy webpage. To return back to normal (Exit fullscreen), just click the same button anytime.
The How to play button will open up a little help panel explaining the notation in the widget. It shows you what each of the numbers and X symbols mean for your fingers as well as the use of zeros. This is a handy reference if you are not familiar with reading a diagram or guitar tablature. Clicking the How to play button again will then close the panel when you’re ready.
If you’d rather not reach for the mouse, the widget also includes full keyboard navigation. Use the Tab key on your keyboard to move from one chord button to another. Then tap Enter (or Space) to choose that chord and listen to it being played out loud. This lets you cycle through the choices in an orderly way with both hands still on your keyboard.
Get used to the shape of the chords by clicking around in the grid. Check out how the fret numbers on the tab relate to the finger numbers on the diagram. Remember to mute certain strings when playing chords like D or A; this is a common point of confusion for new players. Spend some time exploring fullscreen and volume options until you discover what works best for you.
The great thing about this tool is that it will provide instant audio and visual feedback on each voicing choice you make. Clicking a button or pressing a key gives you an instant response from the widget, whether you are interested in how the chord sounds as it changes or in a specific fret position. Click around and explore some of the various voicings that exist with this handy little widget.
You should of tried all the moddern chords to see how they sound. It’s naturaly easy to use if you want to recieve help with your music practise. This tool is much better different than other apps because it works so well based off the keyboard inputs. If you find a luxurius sounding chord, dont hesitate to click again. You could of used more furnitures but this widget is enough.