BoxPlot

100%

✓ Published0🌍 Public

Last edited Feb 13, 2024

Created on Feb 12, 2024

This box plot visualizes the distribution of Metric Review Scores for 50 video games, each selected to represent a single genre. It displays the median, quartiles, minimum, and maximum values, with outlier scores plotted as individual circles. The visualization uses the p5.js library with `createCanvas`, `loadTable`, and custom hover interactions to display box plot statistics. Data is loaded from a remote CSV file containing video game review metrics, and the scores are sorted and processed to calculate statistical values.

AI-generated description

This BoxPLot shows the Metric Review Scores of 50 games and their distribution of data such as their median, min, max, quartile 1, and quartile 3.

The data set has been modified to show only the first 50 games in the csv file that contain only a single genre.

MIT Licensed

Similar vizzes

Loading thumbnail…

BoxPlot D3

A box plot visualizes the distribution of metric review scores across 50 video games, loaded as CSV data. The chart displays the minimum, first quartile, median, third quartile, and maximum values as interactive black lines that highlight on hover, alongside a steelblue box that changes color when moused over. Built with D3 v6, the code uses `d3.csv`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.quantile` to compute the summary statistics and render the plot as SVG elements.

AAllen Ho

87% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between Metric Review Scores and the average length of all playstyles across 50 video games. Each circle represents a game, with its horizontal position indicating playtime length and vertical position indicating review score, while a hover effect highlights individual points. The plot uses D3 v6 with `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.csv` to load data from a GitHub gist. The visualization is rendered as SVG, with circle color encoding review score intensity.

AAllen Ho

80% match

Loading thumbnail…

Box Plot

This example shows a box plot of used video game prices from 2004–2010, with a summary of the median, quartiles, and outliers displayed across a price axis. The visualization highlights the distribution’s center and spread, using a purple rectangle for the interquartile range and small squares to mark extreme values. Built with p5.js, the sketch loads CSV data via `loadTable`, computes quartiles and the IQR manually, and renders the chart with `rect` and `text` calls on an 800×600 canvas.

AAllen Jake Polintan

79% match

Loading thumbnail…

Histogram

This histogram visualizes the distribution of video game review scores from 2003 to 2009, using a dataset sourced from CORGIS. Built with the p5.js library and loaded via `loadTable` from an external CSV, the sketch counts review scores into ten discrete bins, rendering each as a purple bar. Axis labels and a title are drawn with p5.js text functions, providing clear context for the score ranges and game counts.

AAllen Jake Polintan

79% match

Loading thumbnail…

Bar Chart

This bar chart displays the average review scores for video game publishers, with each publisher’s name and score rendered as text alongside a vertical bar whose height corresponds to the score. The visualization uses the p5.js library, including `loadTable()` to fetch CSV data from a GitHub gist, `createCanvas()` to set a wide canvas, and `rect()` to draw the bars, with score labels positioned via `text()`.

Pplai1

74% match

Loading thumbnail…

Histogram

This histogram visualizes the count of video games per genre from a CSV dataset fetched via p5.js’s `loadTable`, limited to the first 50 single-genre entries. Using the Canvas API, it draws colored rectangles for each genre’s frequency, with axis labels and gridlines. An interactive button randomizes the fill color, and hovering over a bar triggers a tooltip displaying the genre and its count, implemented through p5.js’s `mouseX`/`mouseY` and `text` functions.

AAllen Ho

74% match

Loading thumbnail…

A4 Scatterplot

A scatterplot visualizes the relationship between video game review scores and metric sales for titles released from 2003 to 2010. Each pink circle represents a game, positioned by its review score on the x-axis and sales in millions on the y-axis. The chart uses D3.js v7 with SVG rendering, employing `d3.scaleLinear` for both axes and `d3.axisBottom` and `d3.axisLeft` for tick marks and titles. Data comes from a CSV file listing game titles, scores, and sales figures.

AAllen Jake Polintan

73% match

Loading thumbnail…

Fork of Video Game Critic Ratings

This scatterplot compares critic and user scores for popular video games, plotting one point per title to reveal trends and outliers in the relationship between professional and audience ratings. The visualization loads CSV data from a GitHub gist, filters it to include only games with valid positive scores, and renders the first 1,000 points as semi-transparent circles using D3 v5’s `scaleLinear` and `axisBottom`/`axisLeft` for axes. Interactive tooltips appear on hover, displaying each game’s name and both scores via D3 event handlers, while the SVG output uses custom styling from external CSS.

EEmma Schaale

73% match