How to read a chord diagram
A chord diagram is a picture of the fretboard as you see it holding the guitar upright: six vertical lines for the strings, horizontal lines for the frets. The leftmost vertical line is the low E, the sixth string, and the rightmost is the high E, the first string.
Above the diagram, two markers say what to do with each string before you fret anything. An O means play the string open, unfretted. An X means do not play it, either by skipping it or by muting it with a fingertip. Getting these wrong is the most common reason a correctly fingered chord sounds muddy.
Dots inside the grid mark where fingers go. A dot sits in the space between two fret lines, meaning press the string down in that space, not on the metal wire itself.
A thick bar spanning several strings is a barre: one finger laid flat across all of them at that fret, usually the index.
When a shape sits up the neck rather than at the nut, a small number beside the diagram gives the starting fret. Without it you would have no way to tell a shape at fret 1 from the identical shape at fret 8.
The tool draws two diagrams for most chords, an open-position shape and a movable barre shape, and each has its own Strum button so you can hear the voicing before deciding which to use. Everything is standard tuning, E2 A2 D3 G3 B3 E4.