A4 Scatterplot

100%

A4 Scatterplot

✓ Published0🌍 Public

Last edited Feb 20, 2024

Created on Feb 20, 2024

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.

AI-generated description

References include bar chart with no csv file from lecture + A4 reading Also used:https://observablehq.com/@d3/scatterplot/2?intent=fork to learn how to create axes titles Data from: https://corgis-edu.github.io/corgis/csv/video_games/

MIT Licensed

Similar vizzes

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…

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

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

81% match

Loading thumbnail…

D3 Scatter Plot: vgsales.csv

This scatter plot visualizes video game sales data from the vgsales.csv dataset, plotting each game’s release year on the x-axis against its global sales on the y-axis. Rendered as an SVG using D3 v6, the code applies `d3.scaleLinear` for both axes and draws semi-transparent circles with a radius of 4. The data is loaded via `d3.csv`, and axes are generated with `d3.axisLeft` and `d3.axisBottom`, with tick formatting modified to prevent commas in the year labels.

DDaniel Ribaudo

80% match

Loading thumbnail…

D3 Scatter Plot for Video Game Sales

This scatter plot visualizes video game sales data from Kaggle, showing global sales figures against release year for each title. The visualization uses D3 v6 with an SVG rendering approach, employing `d3.csv` for data loading, `scaleLinear` for both axes, and `axisLeft`/`axisBottom` for tick generation. Circles are positioned using x/y coordinates derived from the year and sales values, with a fixed radius of 5 pixels, and the chart fills the entire browser window using `window.innerWidth` and `window.innerHeight`.

RRochelle

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

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

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

80% match