Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

test

Public visualization

Viewing a saved revision (read-only)

cfe89b4550a3477fb102c9b7354ed38d

test

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

This example displays a chessboard with algebraic square labels and a list of chess moves. Hovering over a move highlights the corresponding starting and destination squares in red. The visualization uses D3 v7 to generate SVG rectangles for the board and text elements for the labels, with mouseover and mouseout events dynamically adjusting fill colors and element stacking order. The data is defined programmatically as an array of square names.

AI-generated description

A demonstration of how to start using D3 version 6.