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.

100%

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.

✓ Published0🌍 Public

Last edited May 7, 2016

Created on May 7, 2016

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.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist c42ddd2ab41e80bdaa7a1b67f55ac0d4

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.

CCaged

84% match

Loading thumbnail…

Convert raw NBA JSON to CSV.

This example converts raw NBA JSON game logs into a single CSV file, first showing the transformation of nested statistics into flat, queryable rows. It reads JSON files for each season and measure type, extracting headers and parameters to build team-level records with prefixed column names like `pace_*` or `def_rating_*`. The script uses the CoffeeScript language and the Node.js `fs` and `csv` libraries, with the `csv().to.path` API to write the output. It also merges team abbreviations from a separate CSV, keying each row by team ID and season.

CCaged

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

55% match

Loading thumbnail…

Gist 0b5a00471f198e6e1671949239f0c45b

This visualization maps rugby starting lineups for multiple Six Nations matches, using a network layout to connect each team’s players to their match and opponent. Node colors distinguish teams, while edges link players to their respective games, with home and away status encoded by node position or style. Built from the `starting_teams.csv` data by ConorAspell, the chart highlights lineup compositions across four matches, with a force-directed or hierarchical arrangement to reveal team structures and opponent pairings at a glance.

CConorAspell

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

54% match

Loading thumbnail…

Gist 9e7f962de44840b48f6f27bcbe4d8cd8

This scatterplot-like visualization maps player names, positions, and scores from a team.csv dataset, encoding score on the y-axis and position on the x-axis. It uses d3.forceSimulation to position overlapping labels and nodes, with a d3.scalePoint for categorical positioning and d3.select to bind data. Each player is represented by a circle colored by position, with a text label showing their name and score. The chart renders in SVG via d3, with axes generated by d3.axisLeft and d3.axisBottom. The visualization highlights scoring distribution across positions, such as high-scoring back-rowers and fly-halves, without additional interactivity.

CConorAspell

53% match

Loading thumbnail…

Gist 0628ccf06b4e693bb97577d351b52882

This example visualizes a rugby team’s player positions as a node-link diagram. It shows each player’s name and on-field role, with nodes colored by position category. The visualization uses `d3.forceSimulation` to arrange the nodes and `d3.geoPath` to render the pitch outline in the background. Data comes from `team_week_1.csv`, which lists player names and their positions. The code also employs Canvas `getImageData` to detect node overlaps and adjust forces accordingly, ensuring labels remain readable without overlapping.

CConorAspell

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

53% match