Gist c42ddd2ab41e80bdaa7a1b67f55ac0d4

100%

Gist c42ddd2ab41e80bdaa7a1b67f55ac0d4

✓ Published0🌍 Public

Last edited May 7, 2016

Created on May 7, 2016

This visualization uses a timeline of NBA coach tenures, showing each coach’s consecutive seasons as a single continuous stint. The underlying data is parsed from a CSV file, grouping season-by-season records into multi-year stints by merging adjacent years for the same coach. The Ruby script sorts the stints chronologically and prints them as text, relying on the CSV library for input and standard array/hash operations to detect continuity. The output itself is a plain list of stints, with no graphical rendering; the visualization would require a front-end library like D3.js to draw the timeline, but the provided code only performs data preprocessing and formatting.

AI-generated description

Similar vizzes

Loading thumbnail…

Using Ruby, sort each coach by consecutive season tenures. Some seasons have two coaches which implies that the coach was fired/removed mid-season. The result should be something like [[name, start_season, end_season], [name, start_season, end_season]] where the order is by ascending start_season.

This example visualizes the consecutive tenures of each coach from the `coaches.csv` gist, ordering tenures by ascending start season and representing mid-season firings when a season lists two coaches. It shows a clean chronological timeline of coaching stints, with each row as a `[name, start_season, end_season]` tuple, computed using Ruby’s `CSV` and `Enumerable#sort_by` to group and sort the data. The rendering relies on Ruby’s standard `CSV` parsing and array manipulation to extract and order the seasons, then outputs the structured list without external charting libraries.

CCaged

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

70% match

Loading thumbnail…

Gist 7980cfcf9d877376466041d669ec7237

This interactive visualization displays NBA team performance metrics as sortable rows, with each unit representing a team and its starting five players. Clicking toggle buttons reorders the teams by statistics such as offensive rating, defensive rating, and rebounding percentages, while the panel updates with player names and detailed stats. The code uses D3 v3 with SVG, binding data from a local JSON file and applying `transition.attr` for animated reordering. Sorting logic relies on custom accessor functions and `d3.descending` to compare values.

TThanaporn-sk

68% match

Loading thumbnail…

Gist 35554bfea1e16fad6823260f8957d873

This visualization presents NHL player statistics from the 2018-2019 season, comparing performance metrics across different competition levels, alongside team standings throughout the season. The player view uses a radar chart to display various advanced stats, while the standings section shows points progression. The code leverages D3.js for data binding and SVG rendering, with JSON files providing the underlying data for both individual player analytics and team ranking trajectories.

MMbrownshoes

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

66% match

Loading thumbnail…

Gist 2d7133b7a34afa5c0ddb698237987830

This example visualizes NHL team performance metrics from a JSON dataset of game statistics, plotting each team's goals for and against across multiple games. It uses D3.js to render a scatterplot with team abbreviations as labels, positioning points based on goalsFor and goalsAgainst values while encoding win/loss records through point color. The visualization leverages d3.scalePoint for axes, d3.forceSimulation for label collision avoidance, and Canvas rendering to display all team data points from the standings.json file.

MMbrownshoes

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

65% match

Loading thumbnail…

Gist 45a6ae045cfccdc8c2e66ea43963e225

This visualization shows shot differentials for NHL games in the 2017-2018 season, with each game displayed as a small sparkline-style chart. The interactive team selector filters games by team. The charts are generated with d3.v4, using `d3.scaleLinear` for axes, `d3.line` for the score lines, and `d3.axisBottom`/`d3.axisLeft` for tick marks. Data comes from CSV files containing play-by-play shots and goals, rendered as SVG with hover effects.

MMbrownshoes

65% match