Iteration of LAL NBA Player Scoring Bar Chart
This bar chart visualizes the points per game for Los Angeles Lakers players in the 2020-2021 NBA season, sorted in descending order with a red horizontal line marking the team mean. The visualization uses d3.scaleBand for the categorical x-axis and d3.scaleLinear for the continuous y-axis, with d3.csv loading player statistics from a GitHub Gist. Each bar includes a hover tooltip via SVG title elements, while d3.line generates the mean reference line. The chart rotates x-axis labels to prevent overlap and colors bars with a steelblue fill, rendered as SVG in D3 v6.
AI-generated descriptionDescription:
The bar chart visualizes the NBA Player State Dataset. It iterates the previous version, which is designed to depict LAL players score per game in 2020-2021 season. A horizontal line is depicted in the chart to emphasize the mean score.
Representations:
- X-axis: Player's name
- Y-axis: Score
- Bar: Each bar represents a player in LAL.
- Mean Line: The red horizontal line in the chart depicts the mean score of the team.
What's new in this version:
- Fixed the overlapping on X-axis by rotating the texts and shortening the players' names.
- Added a horizontal line to show the mean of the score.
- Added hover effect to each bar and show the accurate point when mouse over.
- Sorted the scores in descending order.
- Added a title to the chart.