Scatter Plot with NBA season data

100%

Scatter Plot with NBA season data

✓ Published0🌍 Public

Last edited Jun 21, 2021

Created on Jun 20, 2021

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.

AI-generated description

NBA 2019-2020 regular season Damian Lillard gamelog

Data from nba_api. https://gist.github.com/anxietyattacked/9d7dcf53e4999745a194762fe62367d5

MIT Licensed

Similar vizzes

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

83% match

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

80% 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

80% 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

79% 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

78% match

Loading thumbnail…

Fork of NBA Hex Shot Chart

This interactive NBA hex map visualizes Damian Lillard's 2019-20 regular season shot data. It displays shot frequency and field goal percentage compared to the league average, with a diverging color scale from red to blue. Built with D3 libraries (`d3.hexbin`, `scaleSequential`, `interpolateRdYlBu`), the visualization aggregates shots into hexagonal bins overlaid on a basketball court SVG. The code loads data from a CSV file and includes a separate legend chart showing frequency and percentage difference scales.

Yyang28209187@gmail.com

78% match

Loading thumbnail…

Basic Scatter Plot

A basic scatter plot displays NBA player statistics from the 2016-17 season, plotting assists per 36 minutes on the x-axis against total rebounds per 36 minutes on the y-axis. Player position—guard, forward, or center—is encoded using color, with a legend included. The visualization is built with D3 v4, using `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.legendColor` to render SVG circles and axes. Data comes from a local CSV file containing per-36-minute stats.

RRainismZ

77% match

Loading thumbnail…

Nba Data but better

This interactive bar chart visualizes NBA player statistics, letting viewers switch between points, assists, rebounds, and seasons played using dropdown menus. The visualization uses d3.scaleBand and d3.scaleLinear to position bars, with d3.transition animating bar growth and mouseover effects that dim other bars and display a date tooltip. Data loads from a CSV file via d3.csv, while the custom menu component uses d3.dispatch for change events. SVG rendering includes hover opacity transitions and axis updates.

PPhilip Rago

76% match