Create Diagram Help

Create Your Own Chess Diagrams


Now you can create chess diagrams or Forsyth–Edwards Notation (FEN) strings that you can use on your own blog or site -- free of charge.

If you are familiar with Portable Game Notation (PGN) and FEN you should have little or no trouble understanding this documentation.

On the top of the "Create Chess Diagram" page is the piece selection area where you can see the pieces for both White and Black. Select a piece to place on the board by clicking in this area. The clicked piece becomes the "Selected Piece," and its background color is changed to gray. Notice that there is an empty square to the left of the white pawn.

Next is the Diagram's title -- anything you'd like -- e.g. White Mates in 2.

The next area, on the left are the various options to complete the FEN notation (yea, I know it's redundant). This area can be ignored if you're only interested in creating a diagram and not the FEN. Some options can be ignored if they don't pertain to the eventual usage. This area contains:

  • 2 Radio buttons: White's Move and Black's Move. One or the other is selected.

  • 4 Checkboxes: to denote the castling possibilities: O-O for king side and O-O-O for queen side castling for both White and Black. From zero to four can be selected.

  • A possible en passent capture square if the last move was the double step of a pawn. This is not verified in any way.

  • Half Moves are the number of moves each side has made without an intervening pawn move or capture. This is for the 50 move rule.

  • Move Number is the move about to be made. The initial position shows 1 since it's White's first move.

The next area is the board itself where you create the desired position by selecting pieces from the Piece Selection Area on the top of the screen and then clicking a square on the board where you want to place it. The rules are these:

  • When clicking an empty square on the board, the square becomes occupied by the Selected Piece (gray background).

  • When clicking an occupied square and the piece on the board is the same as the Selected Piece, the square becomes unoccupied.

  • When clicking an occupied square but the piece on the board differs from the Selected Piece, the Selected Piece replaces the piece on the board.

  • You can place any number of a Selected Piece in a row without needing to reselect it.

To the right of the board area is the Prefered Image Type selection. You can create a diagram in one of these three graphic formats.

Next is Diagram Name -- again anything you'd like, e.g. Diagram 1. But this field can contain any kind of descriptive data, players' names, etc. The same goes for the Diagram Title mentioned earlier.

The next area contains two buttons:

  • "Clear Board" -- a common first step when creating a diagram that differs radically from the initial board setup.

  • "Create Diagram" -- this will open a second window showing the diagram you created, ready to download to your computer -- follow the instructions on that screen.

The last area is the FEN string that can be copied and pasted in the usual manner. The FEN string is updated dynamically with each action you take.