[Labo333]

Wow, front page!

The current visualization is by far not perfect but it was hard for me to put more information there. Please give your ideas to improve this visualization or make others!

I mostly aimed at making an aesthetically pleasant image that would represent what cells were controlled and moves were used the most.

As for usage examples, it's very easy to see the difference between European and Indian openings (the former advancing in the center and the latter on the sides) and it's quite easy to guess who won by looking at who controlled the most cells last.

On the tech side, this is a single-file, local first, vanilla JS app querying the (non official) chessgames.com API through corsproxy.io (because CORS). Then I draw using svg elements. Finally, I use canvg [^1] to produce png images. The js code is embedded in the HTML so you can read the code just by viewing the source (or look on github [^2]). I also have a Python version that I also maintain to produce the same outputs as the browser version.

[1]: https://github.com/canvg/canvg

[2]: https://github.com/louisabraham/chessviz