Skip to content

catsbyy/plotted

Repository files navigation

Plotted

Turn any chess game into a poster. Paste a PGN, pick a style, download your art.

Plotted

Try it live


Examples

Neon Ink on Paper
Neon style Ink style
Blueprint Watercolour
Blueprint style Watercolour style

Features

  • 4 visual styles — Neon, Ink on Paper, Blueprint, Watercolour
  • 3 export formats — Square (2048×2048), Portrait (A4 print), Landscape (wallpaper)
  • Move visualisation — line weight and colour encode piece type and game phase
  • Special markers — captures, castling, and checkmate highlighted distinctly
  • High-res PNG export — render at full resolution, download instantly
  • Poster mode includes player names, opening, result, and full move notation

How to use

  1. Paste a PGN — export from Chess.com or Lichess and paste it into the input panel
  2. Choose a style and format — pick a visual theme and output shape
  3. Download — click Download PNG to save the full-resolution artwork

Run locally

npm install
npm run dev

Open http://localhost:3000.


Tech stack

Framework Next.js 15 (App Router)
Language TypeScript
Styling Tailwind CSS
Chess logic chess.js
Rendering HTML Canvas API

License

MIT

About

Turn any chess game into a poster. Paste a PGN, pick a style, download your art.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors