Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Chess Game Dataset Histogram Viz

Public visualization

Chess Game Dataset Histogram Viz

0 stars2🌍 Public
MMartha Cash
Last edited Apr 25, 2023
Created on Apr 3, 2023

Three interactive histograms visualize a chess game dataset, showing the distribution of average player ratings, the absolute rating difference between players, and the number of turns per game. Each plot uses `d3.histogram` with adjustable bin counts via HTML number inputs, and bars transition smoothly using `transition.attrTween` and `d3.axisLeft` for updated scales. Data is fetched as CSV from a GitHub gist and parsed with `d3.csvParse`. The visualizations render as SVG with a shared axes module for consistent labeling.

AI-generated description

Pseudo viz for the chess dataset that shows the number of wins and draws for total games played based on the color. Green represents games won from the other player running out of time, yellow represents resign, and red represents a check mate. Ideally, I wanted to make this a donut chart but was having trouble so I started with a bar chart. One thing I would like to add is labels on the bar chart.

Source: http://using-d3js.com/05_06_stacks.html

Comments

Sign in to join the discussion.

MIT Licensed