Skip to main content
SimilarExport ZIP
100%

Scatterplot NBA

✓ Published0🌍 Public
SSantos Chen Hernandez
Last edited Apr 14, 2021
Created on Apr 12, 2021
Forked from HTML Starter

This interactive scatterplot displays NBA players’ offensive and defensive ratings during the 2019-2020 COVID season, with each circle representing a player. A dropdown menu filters the view to specific teams, while clicking a point reveals that player’s detailed ratings in a side panel. The visualization is built with D3.js v6, using SVG and a linear scale for both axes. Data is loaded as CSV from the project’s GitHub repository, and the chart includes labeled axes and interactive selection updates.

AI-generated description

d3 demonstration of NBA data during the 2019-2020 COVID season. Part of Columbia EDAV class project exploring NBA data, the rest found here.

MIT Licensed

Similar vizzes

Loading thumbnail…

Colorful Scatter Plot of NBA 2018-2019 Playoffs with Menu

This interactive scatter plot visualizes player statistics from the NBA 2018-2019 playoffs, with each circle representing an individual player’s performance across two selectable attributes. Dropdown menus let users switch between metrics like points, assists, and rebounds, while hovering over the team legend highlights players from that team and fades the rest. Built with React and D3 v5, it uses `scaleLinear` for axes, `scaleOrdinal` for team colors, and SVG circles with hover tooltips to reveal player names. The data comes from a Kaggle dataset of basketball player stats per season.

ZZiyang Gao
85% match
Loading thumbnail…

Interactive Highlighting Colorful Scatter Plot of NBA 2018-2019 Playoffs with Menu

This interactive scatter plot visualizes NBA 2018-19 playoff player statistics, where each circle represents a player and its position reflects selected attributes like games played or points. Users can switch between different statistical measures via dropdown menus and hover over the team legend to fade other teams, employing d3.scaleOrdinal for color mapping and d3.scaleLinear for axes. The plot uses React with D3 v5 for rendering SVG marks, and data comes from a Kaggle basketball dataset, filtered for playoff performance.

ZZiyang Gao
84% match
Loading thumbnail…

Scatter Plot with NBA season data

This interactive scatter plot visualizes Damian Lillard's NBA 2019–2020 regular season game statistics, allowing users to compare any two quantitative stats through dropdown menus. Built with D3 v6, the visualization uses an SVG renderer with animated transitions as axes and circles update to reflect selected metrics. Hovering over a point reveals a tooltip displaying the exact stat values for that game. Data is sourced from the NBA API via a CSV file, with all numeric fields parsed for plotting.

MMichael Bergerson
83% match
Loading thumbnail…

NBA 2018-2019 Playoffs with Menu

This interactive scatter plot visualizes NBA 2018-2019 playoff statistics, with each circle representing a player's performance metrics. The visualization uses React dropdown menus to dynamically select which attribute appears on the x-axis and y-axis, enabling exploration of relationships between statistics like assists, rebounds, and points. The chart renders as an SVG using D3.js v5 scales and axes, with React managing state for the selected attributes. Data comes from a CSV file loaded via d3.csv, and the tooltip displays formatted values on hover.

ZZiyang Gao
82% match
Loading thumbnail…

NBA Player Efficiency Scatter Plot

This interactive scatter plot visualizes NBA player statistics from a CSV dataset, showing minutes played on the x-axis while the y-axis can be switched between points, rebounds, assists, steals, and blocks via a dropdown menu. Each dot represents a player, colored using d3.scaleSequential with an interpolatePuRd interpolator based on scoring efficiency (y-value divided by x-value). The visualization uses D3 v6 with SVG rendering, featuring hover interactions that reveal player names via appended titles, and smooth transitions when updating the y-axis selection.

YYichen Li
80% match
Loading thumbnail…

NBA 2018-2019 Playoffs

This scatter plot visualizes NBA playoff player performance during the 2018-2019 season, plotting field goals made against assists. Each circle represents an individual player, colored by their team, with a legend identifying the 16 teams. The visualization highlights a standout scorer on Toronto (TOR) and a notably assist-heavy player on Golden State (GSW). Built with React and D3 v5, the chart uses `scaleLinear` and `scaleOrdinal` for axes and color encoding, rendering as an SVG with interactive tooltips via the `title` element. Data is loaded from a CSV hosted on GitHub Gist.

ZZiyang Gao
79% match
Loading thumbnail…

Scatter Plot with Color

A scatter plot visualizes NBA player statistics with points colored by rebounds, showing the relationship between points and assists across players. The visualization uses React components with D3 v5 scales, including `scaleLinear` for both axes and `scaleOrdinal` for categorical color mapping. Data loads asynchronously from a CSV file via `useEffect` and `d3.csv`, rendering circles in an SVG with positioned axes.

FFAN CHI YU(范紀予)
78% match
Loading thumbnail…

Fork of NBA Player Efficiency Scatter Plot

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.

YYichen Li
78% match