{"version":"1.0","type":"rich","title":"Chess board Visualization","description":"This visualization displays a chessboard with move annotations on the side, where hovering over a move like \"d4 d5\" highlights the corresponding squares in red. Built with D3.js v7, it uses D3 selections to append SVG `rect` elements for the board squares and `text` elements for coordinates and moves, with mouseover and mouseout events to trigger color changes via style modifications. Data for the board squares is generated programmatically from column and row arrays.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/dd41adfe75f244a3a22978703eb86f88?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}