Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Chess board Visualization

Public visualization

Viewing a saved revision (read-only)

d12ff93015de4b43972b7432d0107e0f

Chess board Visualization

0 stars0🌍 Public
Bbubbabjh
Last edited Dec 15, 2022
Created on Dec 15, 2022
Forked from D3 Starter

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.

AI-generated description

A demonstration of how to start using D3 version 6.