Final Test

100%

✓ Published0🌍 Public

Last edited Apr 29, 2022

Created on Apr 29, 2022

This visualization shows global video game sales by year, using a line chart to plot sales over time. A scatter or line series is configured to map year values on the x-axis and global sales on the y-axis, with axes generated via D3’s `d3.svg.axis`. The code loads CSV data from a GitHub gist, converts the year column into date objects, and groups entries by year using D3’s `nest()` API. The HTML page uses D3 v6 and static SVG rendering, though the drawing is not yet displayed.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Testing

This example visualizes video game sales over time, showing the total global sales for each year as a line chart. The code loads a CSV dataset from a GitHub gist using `d3.csv` and processes it with `d3.nest` to group records by year and sum their sales values. A time-scaled X axis (`d3.scaleTime`) and a linear Y axis (`d3.scaleLinear`) are drawn, with a single steel-blue line rendered via `d3.line`. Rendering is done with SVG appended to the page.

ZZach2826

89% match

Loading thumbnail…

Final Iteration Line Graph: vgsales.csv

This visualization presents video game sales across five regions—Global, North America, Japan, EU, and Other—as small multiples, with each genre shown as a colored line plotted against time. Users can hover over the legend to highlight specific genres, click to toggle their visibility, and hide entire charts by clicking their titles. Built with D3.js v6, the SVG rendering supports synchronized zooming and panning across all charts via mouse wheel and drag interactions, with axes redrawn using `axisBottom` and `axisLeft` to match the current viewport.

DDaniel Ribaudo

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

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

82% 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 of Top Video Game Sales showing Release Year (X) vs. Global Sales in Millions (Y)

This D3 scatter plot visualizes top video game sales, mapping release year on the x-axis against global sales in millions on the y-axis. Each circle represents a game, with its position determined by the `scaleLinear` scales and `extent` functions, while `axisLeft` and `axisBottom` render the axes. The SVG is sized to the browser window, and data is loaded from a CSV via `d3.csv`, with rows parsed to convert numeric strings to numbers. The plot fills the viewport, allowing exploration of sales trends across gaming history.

TT-Reiser

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

80% match

Loading thumbnail…

D3 Scatter Plot for Video Game Sales

This D3 v6 scatter plot visualizes global video game sales across years, with each point representing a game and its platform encoded by color. Using SVG rendering, it scales the x-axis by year and y-axis by sales, allowing viewers to compare platform performance over time. The chart includes a d3.brushX brush for interactive selection and highlighting of data ranges, with d3.scaleLinear handling axis scales. Data comes from Kaggle’s video game sales dataset, parsed from CSV via d3.csv.

RRochelle

80% match