lol-win-streak

100%

lol-win-streak

✓ Published0🌍 Public

Last edited Jul 18, 2017

Created on Jul 17, 2017

The visualization shows the longest win streaks in League of Legends esports history, with each streak drawn as a curved line across a timeline. Streaks are calculated from player match results in the allgames.csv dataset, and only those exceeding ten consecutive wins are displayed. The chart uses a time scale for the x-axis and a streak-length scale for the y-axis, with semi-transparent paths that brighten on hover. Built with React and D3 v4, it employs d3.line, d3.scaleTime, and d3.nestBy to process and render the data as animated SVG.

AI-generated description

Who has had the longest win streak?

Similar vizzes

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

63% match

Loading thumbnail…

Winrates

A small multiples chart displays winrates for a game, comparing opponents across a series of matches. Colored lines with smooth curves represent each opponent, and the legend maps colors to opponent names. The D3 code loads tab-separated data from a GitHub gist, uses `d3.line` with `curveBasis` for smoothing, and `d3.nest` to group by opponent. Axes are rendered with `d3.axisBottom` and `d3.axisLeft`, and a custom `colorLegend` function draws the color key.

Ddbdr

63% match

Loading thumbnail…

wl-treemap

This visualization shows the win rates for each team in the 2016 Summer NALCS regular season, broken down by game number and previous match outcomes. It uses two complementary treemap layouts: one with nested rectangles showing the percentage of games won and the conditional win rates in subsequent games, and another with a stacked bar-like "ice" layout. The code leverages the custom `d3+_.js` library, which extends d3 with methods like `d3.select`, `d3.append`, and `d3.nestBy`, to process the game data and render SVG paths. A tooltip is attached to each colored rectangle, revealing details on hover, with an animated transition revealing the treemap cells sequentially.

11wheel

62% match

Loading thumbnail…

line chart

A line chart plots the win-difference values of eight Overwatch teams over time, with each team labeled on the x-axis and the numeric difference on the y-axis. The chart uses a black, five-pixel-wide stroke to connect the data points, which are loaded from a CSV file. The visualization is built with d3.v5, using `scaleBand` for the categorical x-axis, `scaleLinear` for the y-axis, and `line` to generate the path, with axes added via `axisBottom` and `axisLeft`.

JJefferson Abreu

62% match

Loading thumbnail…

How Long Will The Warriors' Streak Last? (cf.: http://www.buzzfeed.com/jsvine/how-long-will-the-golden-state-warriors-win-streak-last)

This interactive visualization estimates the Golden State Warriors’ odds of matching or beating the NBA’s 33-game win-streak record, using per-game probabilities from FiveThirtyEight’s CARM-Elo projections. It shows cumulative and per-game chances of extending the streak over the season, with the longest regular-season streak held by the ’71–’72 Lakers as context. Built with Vue, the visualization fetches and parses data from FiveThirtyEight’s JavaScript bundle using Python libraries, including pandas, requests, and seaborn, to compute and display the odds.

GGeorgeMcIntire

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

62% match

Loading thumbnail…

Colleage Basketball game win

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.

JJadenzzz

61% match

Loading thumbnail…

Player Count Line Chart

This visualization shows a line chart tracking the monthly player counts for four games (PUBG, CSGO, Grand Theft Auto V, and Rainbow Six Siege) from September 2017 through December 2021. The chart uses D3.js v7 with SVG rendering, employing `d3.line` with a basis curve to smooth the trends. Interactive features include a color-coded hover effect that highlights one series by muting others, and a click-to-toggle visibility mechanism that hides or shows individual game lines. The chart also supports zooming via `d3.zoom`, which rescales the x-axis and redraws the lines with `transition.attrTween`.

AAaron Brion

61% match