100%

Video Game Scatter Plot

✓ Published1🌍 Public

Last edited Sep 18, 2024

Created on Sep 18, 2024

This scatter plot visualizes the relationship between global sales and critic scores for video games, with each point colored by genre. Using a log-scaled x-axis for sales, the chart reveals how commercial success correlates with critical reception. Built with D3.js, it leverages the `scaleLog`, `scaleLinear`, `axisLeft`, and `axisBottom` functions, along with the `xAxisLabel` and `yAxisLabel` utilities. The visualization filters out missing critic scores and non-positive sales, rendering circles with fixed radius and opacity over a gray inner rectangle.

AI-generated description

A simple scatter plot with D3 showing the Penguins Dataset.

Challenge

Fork this viz
Modify it to show your data

MIT Licensed

Similar vizzes

Loading thumbnail…

Video Game Sales Scatter Plot

This scatter plot visualizes video game sales data from a custom dataset, showing the relationship between release year and global sales in millions. The visualization uses D3.js scales and axes to map the data points, with each circle representing a game and its position determined by the year and sales values. The code leverages D3’s `scaleLinear` and `extent` for scaling, along with helper functions from curated libraries for axis labels and rendering. The chart includes a light gray inner rectangle to highlight the plotting area, making the distribution of sales over time clearly visible.

Ssamozarif@gmail.com

86% match

Loading thumbnail…

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

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

84% match

Loading thumbnail…

A Scatter Plot

This scatter plot visualizes video game sales across regions, showing each game’s release year on the x-axis and its sales figures on the y-axis, with points colored by genre. A dropdown menu lets viewers switch between regional and global sales attributes. The visualization uses React with D3 v6 scales (`scaleTime`, `scaleLinear`, `scaleOrdinal`) and SVG rendering. Hovering over the color legend filters the displayed points by genre, while a native SVG `<title>` element provides tooltips on each circle. Data comes from a Kaggle dataset of video game sales.

RRED98310

82% match

Loading thumbnail…

D3 Scatter plot

This scatter plot visualizes the global sales of top-rated video games from 2016, with each game represented as a circular point. The data, loaded from a local CSV file, maps game names along the x-axis and their sales figures in millions along the y-axis. The visualization is built with D3 v6, using functions like `d3.scaleBand` and `d3.scaleLinear` to manage the axes, while `d3.select`, `d3.append`, and `d3.axisBottom` handle the SVG element creation and axis rendering. Each dot is positioned using the computed scales, and steelblue fill distinguishes the data points.

KKwasi Acquaye

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

82% match

Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This interactive scatter plot maps video game sales across regions against critic ratings, with each point's shape and color encoding genre. The visualization cycles through different x-axis metrics—North American, European, and Japanese sales, then rating—every two seconds, dynamically updating the scales and axes. Built with D3 6.7.0, it leverages `scaleLinear`, `axisLeft`, and `axisBottom` for axes, while custom SVG paths create genre-based shapes for data points. The code loads CSV data from a remote URL and uses the `select` API to manage SVG rendering.

Ssatishnarne99@gmail.com

82% match

Loading thumbnail…

Jayasai Scatter Plot

This example visualizes the relationship between video game sales and ratings, with each point colored by game category. It shows how different categories, such as Action and RPG, compare across the two metrics. The visualization is built using D3 v7 with SVG and animation, rendering circles positioned by linear scales for sales and rating. Hovering over a circle reveals a tooltip displaying the game's category, sales, and rating. The data comes from the videoGamesStats.csv file, and the scatter plot uses D3's `scaleLinear` for axes and `d3.axisBottom`/`d3.axisLeft` for ticks, with interactive mouseover effects.

JJayaSaiReddySantimalla@my.unt.edu

81% match