Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of NBA Player Efficiency Scatter Plot

Public visualization

Viewing a saved revision (read-only)

e58b6974b4d3446aa2809591e6cd73ad

Fork of NBA Player Efficiency Scatter Plot

0 stars0🌍 Public
YYichen Li
Last edited Dec 9, 2021
Created on Oct 27, 2021

The scatter plot visualizes NBA player statistics, displaying player efficiency with darker dots representing higher points-per-minute ratios. The x-axis shows minutes played, while the y-axis can be switched between points, rebounds, assists, steals, and blocks. Built with D3 v6 using SVG, the visualization includes dropdown menus for axis selection and hover tooltips revealing player names. The code uses d3.scaleLinear, d3.scaleSequential with the interpolatePuRd color scale, d3.axisLeft, and d3.axisBottom, with animated transitions updating circle positions and colors when the selected statistic changes.

AI-generated description

Description:

The scatter plot visualizes the NBA Player State Dataset. It is designed to depict player's scoring efficiency.

Representation:

  • X-axis: Minutes played
  • Dots: Each dots represents a player. Darker color represents higher efficiency.

What's new:

  • Added a dropdown meun interaction to the y-axis representation.
  • Added the hover interaction to dots. It shows the player's name when your mouse is on the dots.