https://github.com/afilahkle/graph-visualization

Project description

D3.js Chess Game Graph Visualizer

This project uses D3.js, jQuery, Chess.js and Chessboard.js to visualize a hierarchy of chess games and moves. The nodes represent different chess game states and the edges represent the transition from one game state to the next.

Features

Visualization of game state transitions: The tree-like graph displays the different game states and the transitions between them.

Interactive nodes: Hovering over a node displays the chess board's state at that particular moment.

Dependencies

1. D3.js is used for creating the graph and adding interactive features.

2. jQuery is used for handling events and modifying HTML.

3. Chess.js is used for chess move generation/validation, check/checkmate/stalemate detection, and FEN/PNG support.

4. Chessboard.js is used for the chess board.