Defensive NBA Players

100%

Defensive NBA Players

✓ Published1🌍 Public

Last edited Nov 8, 2024

Created on Nov 8, 2024

This visualization displays the top 15 NBA defensive players based on their total steals, blocks, and defensive rebounds. The data is presented as a stacked bar chart, where each player’s bar is segmented by these three statistics. A color-coded legend and a dropdown menu allow sorting by either total stats or a normalized sum, with hovering to highlight individual segments. The implementation uses `d3` libraries including `scaleBand`, `scaleLinear`, `scaleOrdinal`, `stack`, and `axisBottom`.

AI-generated description

Fork from the Iris Dataset.

Illustrates the top 15 defesnsive players in the NBA by 3 core defensive statistics, Steals, Blocks, and Defensive Rebounds.

MIT Licensed

Similar vizzes

Loading thumbnail…

Defensive NBA Players - Updated X Axis

This visualization displays the top 15 NBA defensive players ranked by their combined steals, blocks, and defensive rebounds, using a stacked bar chart built with D3.js (d3.stack, d3.scaleBand, d3.scaleLinear). Clicking a legend item filters the chart to show only that statistic, while hovering reveals tooltips with exact values. The player names on the x-axis are rotated for readability, and the bars update dynamically based on the selected filter.

JJack Hanlon

93% match

Loading thumbnail…

Defensive NBA Players - Interactive Legend

This interactive visualization displays the top 15 defensive NBA players based on three key statistics: steals, blocks, and defensive rebounds. Users can hover over the color legend or bars to highlight specific data and click a stat to re-sort the chart, showing only that stat. The stacked bar chart is built using d3’s `stack`, `scaleBand`, and `scaleLinear`, with a custom interactive legend that filters data. Tooltips reveal exact values. The data is normalized and sorted within the code before rendering.

JJack Hanlon

93% match

Loading thumbnail…

Fork of NBA Players State Bar Chart

This interactive bar chart displays NBA player statistics for each of the 30 teams, letting viewers select both a team and a specific metric (points, field goals, rebounds, assists, steals, or blocks) via dropdown menus. For rebounds, bars split into offensive and defensive components with a color legend. The chart uses D3's `scaleBand` and `scaleLinear` for axes, renders bars as SVG `rect` elements with hover effects, and draws a mean line using D3's `line` generator. Data comes from a CSV of player stats, and the visualization is built with React and `react-dropdown` for controls.

Ddominicmecca07@gmail.com

73% match

Loading thumbnail…

Activity6_q3

This visualization shows the percentage contribution of five statistical categories—points, rebounds, assists, steals, and blocks—for ten NBA players, using a stacked horizontal bar chart where each player’s row sums to 100%. The code loads data from a CSV via `d3.csv`, normalizes each player’s stats, and renders the SVG with `d3.stack()`, `d3.scaleOrdinal` for colors, and `d3.scaleBand` for the y-axis. Interactive tooltips appear on mouseover, displaying the category’s percentage using `d3.format`.

Llokasaivenkatatammineedi@my.unt.edu

73% match

Loading thumbnail…

NBA Players State Bar Chart

This interactive bar chart visualizes NBA player statistics across all 30 teams, with dropdown menus to select a team and a statistical category such as points, rebounds, or assists. For rebounds, bars are stacked by color to distinguish offensive and defensive rebounds. The chart uses React with D3 v5 scales for positioning, renders as SVG, and displays a horizontal line at the mean value for the selected metric. Data comes from a GitHub-hosted CSV of the 2020-2021 season.

YYichen Li

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

70% match

Loading thumbnail…

Further interaction NBA Statistics

This interactive visualization displays the career statistics of the top ten NBA players based on a selected metric—points, assists, rebounds, or seasons played. Users choose a stat from a dropdown menu, which triggers a re-sorting of the horizontal bar chart using React state and `scaleBand`/`scaleLinear` scales from d3.v5. The SVG bars are rendered with tooltips showing formatted values, and the data is loaded asynchronously via d3’s `csv` from a GitHub-hosted dataset.

PPhilip Rago

69% match

Loading thumbnail…

Pseudo Sketch

This example renders a pseudo-sketch of an NBA dataset, plotting steals and blocks along the x and y axes while using mark size to represent defensive rebounds. The visualization uses randomly generated positions and sizes as placeholders for the actual data, with no axis labels or annotations. Built with D3.js (version 7.8.5), the code selects SVG elements and dynamically joins circles, assigning random `cx` and `cy` coordinates and radii derived from the data value using `Math.sqrt`. The rendering approach mirrors a quick sketch, prioritizing layout experimentation over polished presentation.

JJack Hanlon

69% match