Skip to main content
SimilarExport ZIP
100%

Colorful Scatter Plot of NBA 2018-2019 Playoffs with Menu

✓ Published1🌍 Public
ZZiyang Gao
Last edited Oct 14, 2020
Created on Oct 8, 2020

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.

AI-generated description

A scatter plot of The NBA Playoffs data in 2018-2019.

The dataset was originally from Kaggle, basketball-players-stats-per-season-49-leagues. Only NBA players and the Stage Playoffs were selected for this visualizaton

  • The scatter plot shows the attributes of statistics of NBA 2018-2019 playoffs, each dot represents for one player.
  • By switching the corresponding attribute, we can explore the typical relationship of a player's performance.
  • It's direct and straightforwading to know the attendence rate of each team's players
MIT Licensed

Similar vizzes

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
97% 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
92% 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(范紀予)
85% match
Loading thumbnail…

Scatterplot NBA

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.

SSantos Chen Hernandez
85% 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
83% match
Loading thumbnail…

2012 NBA Combine Scatter

This interactive scatter plot visualizes physical attributes and career performance metrics of NBA players from the 2012 combine. Users select any X and Y attribute from dropdown menus, while the circle color encodes player position. Hovering a data point reveals its exact value; hovering the color legend highlights only players of that position. The visualization uses D3’s `scaleLinear` and `scaleOrdinal` for axes and color, React for state and rendering, and SVG for marks, with data processed from a CSV via `d3.csv`.

AAnthony Ynami
81% 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
80% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This reusable scatter plot, built with D3.js, visualizes the NBA dataset from a GitHub Gist, with each point representing a player. It shows the relationship between two selected attributes—initially petal width and sepal length—while coloring the points by team abbreviation. The plot’s axes and circles are rendered as SVG, with an animation cycling through four different attribute combinations every two seconds. The implementation uses D3’s `scaleLinear`, `scaleOrdinal`, `axisLeft`, and `axisBottom` APIs to construct the chart dynamically.

FFAN CHI YU(范紀予)
80% match