Gist 1e62506e7bca2ddfbb82

100%

Gist 1e62506e7bca2ddfbb82

✓ Published0🌍 Public

Last edited Aug 21, 2016

Created on Jan 21, 2016

This visualization maps every NBA game since 1946 onto a grid where the x-axis represents combined losses and the y-axis represents combined wins. Each cell’s color and size indicate the number of games played between teams with that specific combined win-loss record. The chart uses d3.csv, d3.nest, and d3.scale.quantile to process the game data and render the colored rectangles. The visualization also highlights the best and worst historical records with step-after lines, making it easy to compare team performance over time.

AI-generated description

annonations

last undefeated game
last winless game
last 10 L dd
most losses
SAS - GSW marker
SAS 3 other games marker 
* three other games?

draw best and worst lines
square grid
tt with table
fix pre 2000 games
color
hover to select
post write up?
canvas?

Similar vizzes

Loading thumbnail…

Gist fd36310058f0b9965318

The graphic displays the score differential for every NBA game in 2015, charting the home team’s lead (positive) or deficit (negative) at each minute of play. Each team is shown in its own small multiples panel, with colored circles representing each game’s trajectory and a line highlighting a selected match. Built with `d3.js`, `d3-jetpack`, and `d3-starterkit`, the visualization uses a threshold color scale to encode the point difference, and interactive hover effects reveal game details such as date, opponent, and final score. The data originates from a JSON file containing minute-by-minute scores for games on a specific date.

11wheel

80% match

Loading thumbnail…

Historical NBA Performance

This example visualizes historical win-loss records for every NBA team, showing winning rates over time. The data is fetched as CSV and parsed with `d3.csvParse`. While loading, the state flag triggers a re-render; the code currently outputs the parsed data as raw JSON text in a `pre` element using `d3.select` and `.text()`. The visualization logic is scaffolded through a `viz` function that manages state transitions via a `setState` callback, with the fetch initiated when `state.data` is undefined.

QQingyang Wang Profolio

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

75% match

Loading thumbnail…

Generate graphs from NBA data

The visualization generates two bar charts from NBA team statistics, each plotting point differentials against a baseline. The first chart displays each team’s overall point spread, while the second groups the same differentials into “Above 500” and “Below 500” categories for comparison. Using pandas for data manipulation and matplotlib for plotting, the code reads CSV files, sorts teams by differential, and renders bar charts with custom colors and axis labels. The output is saved as PNG images at 150 DPI, with data sourced from stats.nba.com.

CCaged

75% match

Loading thumbnail…

Fork of Line graph

This interactive line graph visualizes the historical win rates of NBA teams from 2010-11 through 2021-22, with the x-axis representing the season year and the y-axis showing each team’s winning percentage. A dropdown menu lets the viewer highlight one of 30 teams, whose line is drawn in red while the others remain black. Built with D3 v7, the visualization uses `scaleTime` and `scaleLinear` for axes, `line` for path generation, and a `join` pattern for updating SVG elements on state changes. The data is loaded from a CSV file parsed with `csvParse`.

QQingyang Wang Profolio

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

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

74% match

Loading thumbnail…

Transforming data of Historical NBA Performance

This example displays historical average winning percentages for NBA teams, computed from a CSV dataset and rendered as a JSON array. The visualization uses D3 v7’s `flatRollup` and `sum` functions to aggregate win percentages per team across all seasons. After fetching the data via a URL, `csvParse` converts the CSV string into objects. The computed results are output as formatted text inside a `<pre>` element, demonstrating a straightforward data-transformation pipeline without additional chart rendering.

QQingyang Wang Profolio

73% match