Gist 60b3144c33e0787a2acede46fddfdd1c

100%

Gist 60b3144c33e0787a2acede46fddfdd1c

✓ Published0🌍 Public

Last edited Jul 16, 2018

Created on Jul 16, 2018

This visualization tracks the score progression of a single player, ANDYB, across four difficulty levels in Beat Saber. It shows how scores evolve over time, with each level’s top ten attempts plotted as a chronological series. The data comes from a JSON leaderboard file. The visualization uses D3.js to render the chart, with a time-based x-axis and score-based y-axis, and encodes full combo attempts distinctly from non-full-combo runs.

AI-generated description

Similar vizzes

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

67% match

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

66% match

Loading thumbnail…

Gist 11bab63ed7a6c29c941aa1888f5d8d55

This visualization tracks the weekly cumulative scores of 10 named participants across 10 weeks, showing their rank and last recorded value as a line chart. Each participant’s score line is colored by rank, with `value` plotted against `week` and annotated with `last_value` and rank. The chart highlights leader changes and score gaps over time.

WWillNetsky

66% match

Loading thumbnail…

Gist f8797295d3575bca4ec2c444e035e8bb

The visualization is a line chart showing a sequence of data points, rendered as a single continuous path. The line is drawn using SVG path data with a red stroke, positioned against a plain background with minimal styling. It appears to be a simple time-series or sequence plot, where the path connects coordinates across a fixed horizontal axis, with the line rising and falling as it progresses from left to right. The chart uses no axes, gridlines, or labels, suggesting a minimalist or abstract presentation of the data.

Aandybak

66% match

Loading thumbnail…

Gist 4d4dcf819f5b5aed08aeb3bccea2670f

This chart shows the weekly rankings and scores of participants in a winter competition, likely a fitness or step challenge, over 10 weeks. Each person is represented by a line tracking their score across weeks, colored and ordered by rank. The data (from a CSV) includes each participant’s weekly value, last value, and rank. The visualization highlights the progression of leaders like Cary Carmichael and Lucy Cachux while showing the full field’s ups and downs.

WWillNetsky

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

64% match

Loading thumbnail…

Gist fa160fe77111ef4165d6

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.

11wheel

64% match

Loading thumbnail…

Untitled

This interactive visualization shows how a deep reinforcement learning agent’s performance evolves over training timesteps, with multiple score series tracking different agents or runs. The chart animates through the training timeline, allowing viewers to compare score trajectories and observe how performance improves over time. Built with D3.js v7, the SVG-based visualization uses a slider to scrub through timesteps and dynamically update the line chart. The data comes from a hardcoded score list, and the page includes tabbed navigation and buttons to switch between overview and detailed views of the training process.

Llloydy8

64% match