Skip to main content
SimilarExport ZIP
100%

Colleage Basketball game win

✓ Published0🌍 Public
JJadenzzz
Last edited Jan 12, 2022
Created on Jan 12, 2022
Forked from HTML Starter

This visualization presents a bar chart of college basketball teams, showing each team's number of game wins on the x-axis and team names on the y-axis. Built with D3 v5 within a React framework, it renders the chart as an SVG. The code imports specific D3 functions like `scaleLinear`, `scaleBand`, and `axisBottom` to construct the scales and axes. Data is loaded from a CSV file using the `csv` function, with bars displayed as `rect` elements, using the `data.csv` source to map the `W` (wins) column for each team.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Customizing Axes

This visualization displays the win counts for NCAA college basketball teams using a horizontal bar chart, with team names on the y-axis and game wins on the x-axis. Built with D3 v5, it uses `d3.scaleLinear` for the numeric x-axis and `d3.scaleBand` for categorical team labels. Customized axes include removed domain lines, modified tick styles via CSS, and added axis titles and chart heading. Data is loaded from a CSV file containing team statistics from the 2018 season.

JJadenzzz
78% match
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
78% match
Loading thumbnail…

NBA Player Games Played Bar Chart

This interactive bar chart displays the number of games played by NBA players across different teams, with a dropdown menu to filter by team and color-coded bars for wins and losses. Built with React and D3 v5, it uses `scaleBand` for the x-axis, `scaleLinear` for the y-axis, SVG rendering for marks, and a custom legend to show the win/loss color mapping. The data comes from a CSV file containing player statistics for the 2020-2021 season.

YYichen Li
77% match
Loading thumbnail…

Fork of NBA Player Games Played Bar Chart

This interactive bar chart displays games played by NBA players across all 30 teams, with a dropdown menu to select a team. Each bar represents a player, colored by wins (light green) versus losses (light coral), with a legend on the right. The React-based visualization uses D3 v5 scales and SVG rendering, with `scaleBand` for the x-axis player names, `scaleLinear` for the y-axis game counts, and the `csv` loader to fetch the NBA Player State dataset from a GitHub gist.

Rrmgoldberg24
75% match
Loading thumbnail…

Dv2_task2_Stacked Bar Chart

This stacked bar chart displays NBA player performance across 30 teams, showing each player's games played split into wins and losses. A dropdown menu lets viewers switch between teams, updating the bar chart to display that team's roster. The visualization uses React with reusable components for axes and marks, while D3 v5 functions like `scaleLinear`, `scaleBand`, and `scaleOrdinal` handle the data mapping and color encoding. Data comes from a CSV file loaded via D3's `csv` method, rendered as SVG rectangles with hover tooltips showing exact game counts.

NNagateja99
75% 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
75% match
Loading thumbnail…

Fork of NBA Player Games Played Bar Chart

This interactive bar chart visualizes the games played by NBA players for a selected team, using data from the NBA Player State Dataset. Users can choose a team from a dropdown menu, which updates the display to show each player's name on the x-axis and their total games played on the y-axis. The chart is rendered with React and SVG, using D3’s `scaleBand` and `scaleLinear` for axes, and includes a color legend differentiating wins from losses. Bars are colored light green, reflecting the "Wins" category.

VVamsiYandapalli
74% match
Loading thumbnail…

Fork of NBA Player Games Played Bar Chart

This visualization displays the number of games played by NBA players, allowing users to select a team from a dropdown menu to filter the data. Each bar represents a single player, with the x-axis showing abbreviated player names and the y-axis showing the count of games played. The chart is built using React and D3 v5, with the `csv` function loading the dataset and `scaleBand`, `scaleLinear`, and `scaleOrdinal` used for positioning and color encoding. Bars are rendered as SVG rectangles with a tooltip showing the exact game count, and a color legend uses light green to represent wins.

SSampras Dsouza
74% match