warriors-allstar

100%

warriors-allstar

✓ Published0🌍 Public

Last edited Jul 3, 2018

Created on Jul 3, 2018

This visualization uses SVG and animated transitions to show how many of the previous season’s All-Stars play for each NBA team. Data from basketball-reference.com is parsed with `d3.csvParse` and grouped by team abbreviation using `d3.nestBy`. A scatterplot-like layout positions team labels along the y-axis, while the x-axis groups teams by the count of All-Stars, with counts binned via nested grouping. The chart relies on `d3.conventions` and `d3.drawAxis` for axes and margins, and `_.find` from Lodash to handle missing team entries.

AI-generated description

booogie

https://www.basketball-reference.com/allstar/NBA_2018.html

Similar vizzes

Loading thumbnail…

NBAanalysis

This interactive bar chart displays the number of games played by players on selectable NBA teams. A dropdown menu chooses the team, and a color legend distinguishes wins from losses by shaded bars. The visualization is built with React and D3 v5, using `scaleBand` for the x-axis and `scaleLinear` for the y-axis. SVG rectangles render the data, which is parsed from a CSV URL using D3's `csv` function.

Yyc4004

72% match

Loading thumbnail…

Untitled

This interactive bar chart displays NBA team statistics for the 2021 regular season, with eight buttons letting viewers switch between metrics such as field goals made, assists, and rebounds. The visualization uses d3.csv to load data from a GitHub-hosted dataset and renders SVG line and circle marks, where each team’s value is shown as a point on a vertical baseline. The d3 scaleBand and scaleLinear axes update with smooth transitions on button clicks, changing the Y-axis domain to fit the selected statistic while coloring points by conference (Western or Eastern).

LLinhao Yu

72% match

Loading thumbnail…

EDAV Interactive

This interactive bar chart displays the 2019 NBA win totals for all 30 teams, ordered from highest to lowest, with tooltips revealing exact values on hover. Built with the D3.js v5 framework (via APIs like `d3.csv`, `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom`), the visualization uses SVG rects for bars and animated hover effects—highlighting the bar in green and showing a tooltip—to emphasize the gap between top teams like Milwaukee (56 wins) and bottom teams like Golden State (15 wins). The underlying data is loaded from a CSV file, and the styling uses SCSS variables for consistent theming.

Iiyengarakshay00

72% match

Loading thumbnail…

Stylized Bar Chart Basketball Seasons

This stylized bar chart ranks NBA players by the number of active seasons they have played, with each horizontal bar labeled by player name. The visualization uses d3.scaleBand for the categorical y-axis and d3.scaleLinear for the quantitative x-axis, rendering marks as SVG rectangles within a React component. Data comes from a CSV file loaded via d3.csv, covering post-season, pre-season, All-Star, and regular season appearances. Axes are custom React components generating tick marks and labels with d3 formatting utilities.

PPhilip Rago

70% match

Loading thumbnail…

NBA All-Stars from 2000-2016

This example prints a plain-text summary of a dataset listing NBA All-Stars from 2000 to 2016. It displays the row count, column count, and file size in kilobytes, followed by the first ten rows of data as formatted JSON. Built with D3 v5, the visualization uses the `select`, `csv`, and `csvFormat` functions to fetch and process the CSV file from an external URL, then appends the results to the page via `body.append`. The data originates from basketball.realgm.com, as credited in the README.

Ddielaenge

70% 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…

Untitled

This interactive bar chart displays games played by NBA players for a selected team, with a dropdown menu to switch between all 30 teams. Each bar represents a player, colored lightgreen, and the y-axis shows games played while the x-axis lists abbreviated player names. The visualization is built with React and rendered as SVG, using d3.scaleBand and d3.scaleLinear for scales, d3.csv for data loading, and ReactDropdown for team selection. Data comes from the NBA Player State Dataset, with player names shortened to first initial and last name initial format.

AAnne Lin

70% match

Loading thumbnail…

Final Project

This interactive NBA visualization compares team winning percentages from 2010 to 2022 using two switchable chart types. A line chart displays seasonal win rates for all teams, highlighting a selected team in black, while a scatter plot shows the relationship between a team’s historical average win rate and its performance in a selected season using team logos as points. Users toggle between charts via buttons, select teams or seasons from dropdown menus, and hover over scatter plot logos for detailed tooltips. The visualization is built with D3 v7, using CSV data parsed and aggregated with `csvParse` and `flatRollup`.

QQingyang Wang Profolio

70% match