Interactive boards
Play through the moves, right in the text
Most articles include a board you can step through move by move — no separate app or install needed. Use the arrows below the board to go forward and back, or click a move in the list to jump straight to it.
Colors
Some diagrams mark squares and moves with colored circles and arrows. Each color has exactly one meaning, and that meaning is the same across the site:
| Color | Meaning |
|---|---|
| 🟢 Green | The recommended move — the single best move or plan |
| 🔴 Red | A hazard right now — an active attack, a hanging piece, a tactical strike |
| 🟡 Yellow | An alternative move — a weaker candidate than green, a "Plan B" |
| ⚫ Black | Board landmarks — a square, file, diagonal, outpost, or pawn structure |
Draw your own
You can add your own arrows and circles to any board: right-click and drag from one square to another. Hold a modifier key while dragging to change the color:
| Modifier | Color |
|---|---|
| None | Green |
| Shift | Red |
| Alt / Option | Black |
| Shift + Alt | Yellow |
Right-click a single square without dragging to circle it instead of drawing an arrow.
Try it on the board below: