Activity6_Question4

100%

Activity6_Question4

✓ Published0🌍 Public

Last edited Oct 31, 2025

Created on Oct 31, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

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

84% match

Loading thumbnail…

Q4

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.

Rragasrikakarla27@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…

Activity6_Task4 Question 1

This interactive bubble chart visualizes the correlation between the sales, production cost, and release year of video games, with each circle representing a title. The horizontal axis maps the year of release, the vertical axis tracks total sales, and the circle’s radius encodes the game’s cost. A color scale distinguishes unique game titles, and hovering reveals a tooltip with precise sales and cost figures. The visualization is rendered using D3 v7 with SVG elements, leveraging `d3.scaleLinear` for axes and sizing, `d3.scaleOrdinal` for coloring, and event handlers for interactive tooltips. Data is loaded from a CSV file via `d3.csv`.

Rramsrinivaskatragadda@my.unt.edu

80% match

Loading thumbnail…

Activity-6 Q-9

A bubble chart visualizes manga and webtoon popularity by mapping the number of chapters on the x-axis, readers on the y-axis, and rating to bubble size, with genre encoding color. The D3.js v7 code loads CSV data and uses `d3.scaleLinear` for axes and bubble radius, plus `d3.scaleOrdinal` with `d3.schemeCategory10` for color. Interactive tooltips appear on mouseover, and an animated legend illustrates rating values using overlay circles.

KKavyaEti

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

78% match

Loading thumbnail…

Activity 6 Question 4

A bubble chart of student scores maps math and reading performance for ten students, with circles sized by weekly study hours. The visualization encodes each student’s test results as x- and y-coordinates, while a square-root scale sets bubble radius to reflect study time, enabling quick comparison of academic achievement and effort. Built with D3 v7, the chart uses `d3.scaleLinear` for axes, `d3.scaleSqrt` for bubble sizing, and `d3.axisBottom` and `d3.axisLeft` to render scales. Interactive hover tooltips, implemented with D3 event listeners and a styled HTML division, display each student’s name, scores, and study hours. Data comes from the included CSV file, and the SVG rendering includes explicit margin and transform logic.

Aanisha.peddireddy@gmail.com

77% match

Loading thumbnail…

Activity6_Question4

This visualization uses a bubble chart to compare the proportions of movie ratings across different genres. A grid of circles, colored by genre using `d3.schemeSet2`, shows the share of titles in five rating categories (from "below 5.0" to "above 8.5"), with bubble size scaled by `d3.scaleLinear` to encode proportion values. Built with D3 v7, the SVG chart includes labeled axes, an ordinal color scale, and interactive tooltips that display the exact percentage when hovering over each circle. The data is structured as static arrays in JavaScript, rendered with animated transitions on hover.

JJayanth Reddy Sripathi

77% match