Gist fa160fe77111ef4165d6

100%

Gist fa160fe77111ef4165d6

✓ Published0🌍 Public

Last edited Aug 21, 2016

Created on Nov 25, 2015

A small-multiple visualization shows the score differential over time for the Golden State Warriors' first 16 games of the 2015–16 season, with each game's line chart highlighting made three-point shots by Stephen Curry. The charts use D3.js with d3.svg.line and d3.svg.area to draw stepped lines and filled areas, while d3.bisectLeft and hover interactions reveal the exact score at any point. Data comes from JSON play-by-play records.

AI-generated description

todo

put in blog
img
laker
missing 3s
shrink file

done

x axis
y axis
fill area
swoopy arrow
hover
team names/team
max/min/end label

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…

NBA 2018-2019 Playoffs

This scatter plot visualizes NBA playoff player performance during the 2018-2019 season, plotting field goals made against assists. Each circle represents an individual player, colored by their team, with a legend identifying the 16 teams. The visualization highlights a standout scorer on Toronto (TOR) and a notably assist-heavy player on Golden State (GSW). Built with React and D3 v5, the chart uses `scaleLinear` and `scaleOrdinal` for axes and color encoding, rendering as an SVG with interactive tooltips via the `title` element. Data is loaded from a CSV hosted on GitHub Gist.

ZZiyang Gao

70% match

Loading thumbnail…

warriors-allstar

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.

11wheel

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

69% match

Loading thumbnail…

Gist 1e62506e7bca2ddfbb82

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.

11wheel

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

67% match

Loading thumbnail…

Interactive Highlighting Colorful Scatter Plot of NBA 2018-2019 Playoffs with Menu

This interactive scatter plot visualizes NBA 2018-19 playoff player statistics, where each circle represents a player and its position reflects selected attributes like games played or points. Users can switch between different statistical measures via dropdown menus and hover over the team legend to fade other teams, employing d3.scaleOrdinal for color mapping and d3.scaleLinear for axes. The plot uses React with D3 v5 for rendering SVG marks, and data comes from a Kaggle basketball dataset, filtered for playoff performance.

ZZiyang Gao

67% match

Loading thumbnail…

Fork of NBA Hex Shot Chart v3

This dashboard compares playoff shot charts for Stephen Curry and Jayson Tatum, displaying hexagonal bins colored by field goal percentage relative to league average and sized by shot frequency on a rotated basketball court. It uses d3.hexbin to aggregate shot coordinates into hexagons, with d3.scaleSequential and interpolateRdYlBu for color encoding, and loads data from CSV files via d3.csv. The SVG rendering includes dual courts, legends, and player labels, all styled with custom CSS.

MMichael Bergerson

66% match