Chess Scatterplot With Menus And Brushing
✓ Published0🌍 Public
A scatterplot of chess player statistics uses two dropdown menus to select the x- and y-axis fields, including ELO ratings, birth year, federation, and title. A d3.brush overlay allows users to select a rectangular region of circles, highlighting those points in green and dimming the rest. The selected points retain their highlight while changing menus, enabling tracking of individual players across different statistical dimensions. The visualization updates axes and circle positions with a d3.transition and uses d3.scaleLinear and d3.scalePoint for quantitative and categorical fields.
AI-generated descriptionA Scatterplot with menus and brushing
Dataset
The dataset can be found here
What This Shows
This viz has multiple menu options for showing different statistics.
I incorporated brushing to highlight circles so you can track them throughout the menus
Example : Players can be tracked as they move federations. By selecting the federation options from the menus, you can track players as they change through the shwon fields. This helps manage the clutter of having so many federations represented by using the color channel.
I used this code as a guide for how to use the bounding box of the brush
MIT Licensed