Scatter Plot

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

81% match

ScatterPlot of Length of Playstyles Across 50 games

This scatter plot compares the average and median playtimes of 50 video games, with each point colored by its release console (Nintendo DS, Sony PSP, or X360) using a D3 ordinal scale. Hovering a dot turns it red and reveals a tooltip with exact values. The visualization is built with D3 v6 and the d3-legend library, rendering as an SVG. Data is loaded from a remote CSV file using `d3.csv`, with axes scaled via `scaleLinear` and points drawn as circles via `attr` and `append`.

BoxPlot

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.

Video Game Critic Ratings - Scatter Plot 1

This scatter plot visualizes the relationship between video game titles and their critic ratings, ranking the first 25 games from the dataset along the y-axis while mapping their scores on the x-axis. The visualization uses D3 v5's `scalePoint` and `scaleLinear` to position circles on an SVG canvas, with the data loaded from a CSV hosted on GitHub. The chart employs gridlines and styled text elements to present the data clearly, with each circle representing a game and its horizontal position indicating the critic score. The color scheme and layout emphasize the distribution of ratings across different game titles.

EEmma Schaale

Bubble Chart

This bubble chart visualizes video game data by plotting average play length on the x-axis against review scores on the y-axis, with circle radius representing average completionist length and color encoding the console platform. It uses d3.csv to load the dataset, d3.scaleLinear for positioning and sizing, and d3.scaleOrdinal with d3.schemeSet1 for categorical colors. The SVG visualization includes hover tooltips via the title element, axis labels, and custom legends for both color and size, all rendered through D3 v6 selection and data-join methods.

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.

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

79% match