nba career performance with filters and grouping

100%

nba career performance with filters and grouping

✓ Published1🌍 Public

Last edited Jan 1, 2022

Created on Dec 31, 2021

The visualization displays NBA career performance metrics with interactive filters for grouping, statistics type, player status, and top-N selection, alongside a timeline brush slider. It aggregates player data by attributes like school, country, or draft year, showing mean values for points, assists, rebounds, and other career stats. The implementation uses D3.js version 7 with csv loading, rollups for grouping, and scaleLinear/scaleBand for chart construction. A snap-to-grid slider brush enables timeline filtering, while dropdown menus control the grouping dimension and metric displayed, with data sourced from an external CSV file.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

nba over time vert bar

This interactive bar chart visualizes NBA player statistics across career timelines, filtering by active status and allowing selection of metric (points, assists, rebounds, experience, all-star appearances) and timeline type (draft year or birthdate). The visualization uses D3 v7 with d3.rollups for data aggregation, d3.scaleBand and d3.scaleLinear for scales, and d3.sliderBottom for interaction. The code loads CSV data, groups records by time period, and renders animated vertical bars whose heights represent the average value of the selected statistic per grouping.

PPhilip Rago

83% match

Loading thumbnail…

NBA career data d3

This visualization displays aggregated NBA career statistics by country for a selected season year, using horizontal bar charts to compare metrics like points, assists, rebounds, and all-star appearances. Users control the view through two dropdown menus to choose the year and stat category. The chart updates with animated transitions on bar widths as selections change. Data is loaded from a CSV file via `d3.csv` and processed with `d3.rollups` and `d3.sum`. The bars are rendered as SVG rectangles with `scaleLinear` for the x-axis and `scaleBand` for the y-axis, while `d3.select` handles interactive hover effects.

PPhilip Rago

83% match

Loading thumbnail…

combining views

This interactive visualization combines a statistical bar chart and a timeline to explore NBA player career data. Users filter the dataset through dropdown menus for player status, group by attributes like draft year or country, and select quantitative stats such as points or assists. The top-N players are aggregated and displayed over time, with a slider controlling the timeline range. Built with D3 v7, it uses CSV data loading, scales, axes, and event-driven re-rendering. The SVG views update synchronously, showing how linked views can reveal trends across hierarchical groupings and temporal dimensions.

PPhilip Rago

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

81% match

Loading thumbnail…

Iterated NBA Career Stats v1

This interactive bar chart visualizes career statistics for top NBA players, allowing users to sort and display values for points, assists, rebounds, seasons played, or All-Star appearances. A dropdown menu controls which statistic is shown, while the chart renders horizontal bars via React components and D3 v5 scales. The visualization uses d3.csv for data loading, scaleBand and scaleLinear for positioning, and SVG rectangles with tooltips to display values for the top ten players sorted by the selected metric.

PPhilip Rago

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

79% match

Loading thumbnail…

nba over time horz bar

This visualization shows NBA player statistics over time using horizontal bar charts, with the bars sized by aggregated values like points, assists, rebounds, and All-Star appearances. The chart distinguishes between active and inactive players, and allows the user to select a time grouping, a statistic type, and the number of players displayed. Data is loaded from a CSV via `d3.csv` and grouped with `d3.rollups` and `d3.mean`. The visualization updates dynamically with an SVG render and interactive dropdown menus using D3 v7.

PPhilip Rago

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

74% match