Q4 — VizHub

100%

Q4

✓ Published0🌍 Public

Last edited Oct 30, 2025

Created on Oct 30, 2025

This bubble chart maps 12 best-selling video games by critic score on the x-axis and user score on the y-axis, with bubble area scaled to global sales (in millions) using d3.scaleSqrt. Each point is colored by genre. The chart uses d3.v7’s selection, scale, and append methods to build an SVG, with axis labels, a legend, and a hover tooltip for details. Data is a small custom set of well-known games.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Question4

This interactive bubble chart visualizes the relationship between video game review scores, average hours played, and copies sold. Each circle represents a game, positioned along the x-axis by review score and y-axis by play time, with circle size encoding sales volume. Color distinguishes game genre, and hovering reveals a tooltip with exact details. Built with D3.js, the visualization uses `scaleLinear`, `scaleSqrt`, and `scaleOrdinal` for encoding, while `join('circle')` renders the animated bubbles. Data is loaded from a GitHub Gist CSV file, and the SVG output includes legends for size and genre.

Mmaneeshraja47@gmail.com

81% match

Loading thumbnail…

Assignment 2 Question 4

A bubble chart maps video game genres by their average user and critic scores, with bubble size representing global sales in millions. Genres are color-coded via a scale inferred from the data, and hovering reveals a tooltip with the genre name. A legend shows reference sales values and a color key for genre identification. The visualization uses D3 v7 with SVG and CSS styling, employing scales like `d3.scaleLinear` and `d3.scaleOrdinal` with `d3.interpolateTurbo`, and includes animation through CSS transitions on opacity and stroke width.

MMichael Biancardi

80% match

Loading thumbnail…

D3 Bubblechart

This visualization displays global sales figures for nine video game titles using a bubble chart, with each circle’s area encoding the sales value. The code loads data from a CSV file via `d3.csv`, converts the sales column to numbers, and uses `d3.scaleSqrt` to map sales values to circle radii. An SVG canvas is created with D3 v7, and a band scale (`d3.scaleBand`) positions the categories along the x-axis. The bubbles are drawn as `circle` elements with a fixed vertical position, and the axis is rotated for readability. The chart highlights comparisons such as Call of Duty’s dominance, with sales values up to 14 million units.

KKwasi Acquaye

79% match

Loading thumbnail…

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.

AAllen Ho

77% match

Loading thumbnail…

Video Game Scatter Plot

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.

Ssamozarif@gmail.com

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

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

77% match

Loading thumbnail…

a scatterplot

This scatterplot displays the top 30 best-selling video games, plotting each game’s name along the y-axis against its global sales on the x-axis using circles. The visualization uses d3.csv to load local sales data, then employs d3.scalePoint for the categorical game names and d3.scaleLinear for sales magnitudes, with d3.axisLeft and d3.axisBottom rendering the axes. The SVG is generated through D3 v6 selections, incorporating margins, tick marks, and a formatted sales label, with the data sourced from Kaggle’s video game sales dataset.

RRED98310

76% match