Visualize move, protection and threat status in chess

Cool!<p>I&#x27;ve been thinking to make the exact same thing in Javascript using Chess.js and Chessboard.js<p><a href="https:&#x2F;&#x2F;github.com&#x2F;jhlywa&#x2F;chess.js&#x2F;blob&#x2F;master&#x2F;README.md" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;jhlywa&#x2F;chess.js&#x2F;blob&#x2F;master&#x2F;README.md</a> <a href="http:&#x2F;&#x2F;chessboardjs.com&#x2F;" rel="nofollow">http:&#x2F;&#x2F;chessboardjs.com&#x2F;</a><p>I got a half-working version and will opensource the code once it&#x27;s ready.<p>I think it could be a nice tool to help people starting with the game, but also as an analysis tool for more advanced players.<p>[Edit] I just uploaded what I did so far on a server, just in case you want to take a look<p><a href="http:&#x2F;&#x2F;www.hotpixel.mx&#x2F;chess&#x2F;index.html" rel="nofollow">http:&#x2F;&#x2F;www.hotpixel.mx&#x2F;chess&#x2F;index.html</a><p>my idea is to use little icons (now really terrible looking) with numbers and playing with opacity to give an idea of the strength for each square of the board. I still have some problems in some cases displaying incorrect numbers, but I hope to fix that as soon as I have some spare time :)

Cool, good idea!<p>I have a couple bits of cosmetic feedback for you:<p>I would like the chess pieces to appear much larger within each of their squares, ala <a href="http:&#x2F;&#x2F;www.365chess.com&#x2F;opening.php" rel="nofollow">http:&#x2F;&#x2F;www.365chess.com&#x2F;opening.php</a><p>Also, the green border around protected cells is difficult for me to discern. (Might be due to my colorblindness.)

This is neat!<p>I was working on something similar recently: <a href="https:&#x2F;&#x2F;github.com&#x2F;blevinstein&#x2F;chess_assistant&#x2F;blob&#x2F;master&#x2F;screenshot-2015-02-04.png" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;blevinstein&#x2F;chess_assistant&#x2F;blob&#x2F;master&#x2F;s...</a><p>I had been thinking about ways to analyze the graph of &quot;threats&quot;, so I focused on which pieces were threatening which. I wanted to eventually extend this to also include which pieces were threatening which squares, but never got that far.

Would be nice if there was also an &quot;advanced&quot; mode. Only highlight pieces that have less defenders than attackers. And highlight pins.<p>And I assume even more advanced modes highlight perhaps central squares that might be obtained and which open lines. See <a href="https:&#x2F;&#x2F;en.m.wikibooks.org&#x2F;wiki&#x2F;Chess_Strategy&#x2F;Open_lines" rel="nofollow">https:&#x2F;&#x2F;en.m.wikibooks.org&#x2F;wiki&#x2F;Chess_Strategy&#x2F;Open_lines</a> for a nice example.

Very cool idea? Do you have a demo or write up about how it works? also would like to know how one can use it.